/** Shopify CDN: Minification failed

Line 328:0 Unexpected "}"

**/
.mega-menu-group {
  --submenu-height: 0;
  height: calc(
    var(--submenu-height) + max(0px, min(50px, var(--submenu-height)))
  );
  overflow: hidden;
  position: absolute;
  top: var(--header-height);
  width: 100%;
  background-color: var(--color-background);
  z-index: 3;
  left: 0;
  overflow: auto;
  scrollbar-width: none;
}
.mega-menu-group .megamenu-wrapper {
  display: flex;
  /* justify-content: space-around; */
  padding: 1.125rem 0.625rem;
  width: fit-content;
  gap: 1.3rem;
}
.mega-menu-group .megamenu-wrapper > * {
  /* width: 33.33%; */
  padding-inline: 1.313rem;
}
.mega-menu-group .megamenu-wrapper .sub-menu {
  width: 48%;
}
@media screen and (max-width: 1024px) {
  .mega-menu-group .megamenu-wrapper .sub-menu {
    width: 100%;
  }
}
.mega-menu-block {
  /* max-width: 1520px; */
  width: fit-content;
  padding-inline: 40px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mega-menu-block.small-width-linklist {
  width: 350px;
  margin-inline: unset;
  left: calc(var(--anchor-x) - 40px - 100px);
}
.mega-menu-block.small-width-linklist .megamenu-column {
  width: 100%;
}
.mega-menu-block::before {
  position: absolute;
  content: "";
  width: 100%;
  padding-top: 5rem;
  top: -10%;
  z-index: 4;
}
.small-width-linklist.mega-menu-block:before {
  padding-top: 2rem;
}

.mega-menu-group
  .megamenu-wrapper
  .mega-menu__link:hover
  .mega-menu--icon
  svg
  path.green-fill {
  fill: #fff;
}
.mega-menu-group
  .megamenu-wrapper
  .mega-menu__link:hover
  .mega-menu--icon
  svg
  path.green-stroke,
.mega-menu-group
  .megamenu-wrapper
  .mega-menu__link:hover
  .mega-menu--icon
  svg
  g.green-stroke {
  stroke: #fff;
}
.mega-menu-group .megamenu-wrapper .megamenu-column:not(:last-child) {
  border-right: 1px solid var(--color-border);
}
.mega-menu-group .megamenu-wrapper li {
  list-style: none;
}
.mega-menu-group .megamenu-wrapper .mega-menu--icon {
  max-width: 18px;
  flex: 100%;
  width: 100%;
  /* aspect-ratio: 1; */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.75rem;
}
.mega-menu-group .megamenu-wrapper .mega-menu__link-active .mega-menu--icon {
  background-color: var(--color-input-background);
}
/* .mega-menu-group .megamenu-wrapper .mega-menu__link-active .mega-menu--icon svg path{
  fill: #fff;
} */
.mega-menu-group .megamenu-wrapper .mega-menu__link {
  margin-left: 0;
  /* padding-left: 0; */
  padding-block: 2px;
  width: 100%;
  transition: background-color 0.2s ease-in-out;
}
.mega-menu-group .megamenu-wrapper .mega-menu__link:hover {
  background-color: #f9f9f9;
  border-radius: 15px;
}
.mega-menu-group .megamenu-wrapper .mega-menu--icon svg {
  width: 36px;
  height: 36px;
}
.mega-menu-group .megamenu-wrapper .mega-menu__link .mega-menu--icon svg,
.mega-menu-group .megamenu-wrapper .mega-menu__link .mega-menu--icon svg circle,
.mega-menu-group .megamenu-wrapper .mega-menu__link .mega-menu--icon svg rect {
  transition: fill 0.2s ease-in-out;
}
/* ONLY main mega menu columns (exclude .sub-menu) */
.mega-menu-group
  .megamenu-wrapper
  .mega-menu__link:hover
  .mega-menu--icon
  svg
  circle {
  fill: #44cd99;
}

.mega-menu-group
  .megamenu-wrapper
  .mega-menu__link:hover
  .mega-menu--icon
  svg
  rect {
  fill: #44cd99;
}

.mega-menu-group
  .megamenu-wrapper
  .mega-menu__link:hover
  .mega-menu--icon
  svg
  [fill="#44CD99"] {
  fill: white;
}

.mega-menu-group
  .megamenu-wrapper
  .mega-menu__link:hover
  .mega-menu--icon
  svg
  [stroke="#44CD99"] {
  stroke: white;
}

.mega-menu-group
  .megamenu-wrapper
  .mega-menu__link:hover
  .mega-menu--icon
  svg
  [fill="white"] {
  fill: #44cd99;
}

.mega-menu-group
  .megamenu-wrapper
  .mega-menu__link:hover
  .mega-menu--icon
  svg
  [stroke="white"] {
  stroke: #44cd99;
}
.svg-center circle {
  position: relative;
}
.svg-center path {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(17px, 17px);
}
.megamenu-link .menu-heading {
  color: inherit;
}
.mega-menu-group .megamenu-wrapper .mega-menu__link:has(.mega-menu--icon) {
  margin: 0;
}
.mega-menu__list {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  /* gap: 1rem; */
}
.megamenu-column:nth-child(2) .mega-menu__list {
  display: grid;
  /* grid-template-columns: 1fr 1fr; */
}
.menu-title__link--wrapper {
  padding-block: 0.75rem 0;
}
.menu-title__link--wrapper:not(:last-child) {
  border-bottom: 1px solid var(--color-border);
}
.megamenu-link .menu-heading {
  text-transform: uppercase;
  /* color: var(--color-input-background); */
  margin-bottom: 0.938rem;
  font-size: 1rem;
}
.megamenu-link .menu-title {
  color: var(--color-foreground-heading);
}
.megamenu-link .mega-menu--description {
  color: var(--color-input-text);
}
.menu-image-link {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.menu-image-link .text {
  color: var(--color-foreground-heading);
}
/* .mega-menu-group{
  padding: .625rem 1.125rem;
} */

@media screen and (max-width: 1024px) {
  .mega-menu-group {
    position: relative;
    height: unset;
    top: unset;
  }
  .mega-menu-block.small-width-linklist {
    left: 0;
  }
  .mega-menu-group .megamenu-wrapper {
    flex-direction: column;
  }
  .mega-menu-group .megamenu-wrapper > * {
    width: 100%;
    padding: 0;
  }
  .mega-menu-group .megamenu-wrapper .megamenu-column:not(:last-child) {
    border-right: unset;
  }
  .mega-menu--description {
    font-size: 12px;
  }
  .mega-menu__link {
    padding-block: 0;
  }
  .megamenu-column:nth-child(2) .mega-menu__list {
    display: flex;
  }
  .mega-menu-block {
    padding-inline: 0;
    margin: 0px;
  }
}

/* Header CSS  */

.header__column .button {
  min-width: 9.375rem;
}

/* mega menu header */

.megamenu-main-wrapper .mega-menu-group {
  border-radius: 20px;
  background-color: unset;
}

.header__columns {
  padding-inline: 16px;
  box-shadow: 0px 0px 23px 0px #0000001a;
  border-radius: 20px;
  background-color: #fff;
}

#header-component .header__row {
  background-color: unset;
}

.menu-list__list-item:hover .menu-list__link-title {
  color: #44cd99;
}

/* Active menu item styling */
.menu-list__link--active .menu-list__link-title {
  color: #44cd99;
  /* font-weight: 600; */
}

.menu-list__link--active {
  position: relative;
}

/* Optional: Add an underline indicator for active link */
.menu-list__link--active::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #44cd99;
  border-radius: 2px;
}
}

/* Prevent pointer cursor and hover effects on Our Apps menu item */
.menu-list__link[href*="our-app"],
.menu-list__link[href*="our-app"]:hover,
.menu-list__link[data-link-url*="our-app"],
.menu-list__link[data-link-url*="our-app"]:hover {
  cursor: default !important;
  pointer-events: auto;
}

.menu-list__link[href*="our-app"]:hover .menu-list__link-title,
.menu-list__link[data-link-url*="our-app"]:hover .menu-list__link-title {
  color: inherit;
}

#header-component .header__row .header__columns .button__container .button {
  padding-inline: 20px;
  min-height: 3rem;
}

.megamenu-main-wrapper .mega-menu-group .megamenu-wrapper {
  background-color: #fff;
  border-radius: 20px;
  margin-top: 20px;
}
.megamenu-main-wrapper .mega-menu-group {
  margin-top: -2.6rem;
  padding-top: 1rem;
}
.header-menu-link{
  position: relative;
    z-index: 5;
}

@media screen and (max-width: 1024px) {
  .mega-menu-group .megamenu-wrapper {
    padding: 0;
  }
  .menu-title__link--wrapper:has(.mega-accordion) .menu-heading {
    display: none;
  }
  .mega-accordion.is-open .menu-title {
    color: var(--color-primary);
  }
}

.hidden {
  display: none !important;
}

@media (max-width: 768px) and (min-width: 750px) {
  .header__columns {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

@media screen and (max-width: 768px) {
  .header__column .button {
    /* width: clamp(4rem, 20vw, auto) !important; */
    padding-inline: clamp(0.625rem, 2vw, 1.25rem) !important;
    padding-block: clamp(0.625rem, 2vw, 1.25rem) !important;
    min-width: unset !important;
    min-height: unset !important;
  }
  .header-logo__image {
    height: clamp(25px, 5vw, 40px);
    width: auto;
  }
  .header__column .link-button-with-icon,
  .header__column .button {
    font-size: clamp(0.5rem, 1vw + 0.5rem, 1.125rem);
  }
  .header__column--left,
  .header__column--center {
    gap: 0;
  }
  .header__row--mobile {
    display: none !important;
  }
}

accordion-custom details .details-content {
  overflow-y: auto;
  transition: max-height 0.3s ease;
  -webkit-overflow-scrolling: touch; /* IMPORTANT for iOS smooth scroll */
}

.megamenu-main-wrapper .mega-menu-group .megamenu-wrapper {
  box-shadow: 0px 0px 23px 5px #0000001a;
  justify-content: center;
}

.header__row {
  padding-bottom: 20px !important;
}
.mega-accordion__content {
  display: none;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.5rem;
  padding-left: 0.5rem;
}
.mega-accordion__content .mega-menu__link {
  padding: 0;
}

.mega-accordion.is-open .mega-accordion__content {
  display: flex;
}

.mega-accordion .icon-plus path {
  transition: transform var(--animation-speed) var(--animation-easing);
  transform: rotate(0);
  transform-origin: 50% 50%;
  opacity: 1;
}
.mega-accordion.is-open .icon-plus path.horizontal {
  transform: rotate(90deg);
}
.mega-accordion.is-open .icon-plus path.vertical {
  opacity: 0;
}
.mega-accordion__trigger {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0;
  cursor: pointer;
}
.mega-accordion__content .mega-menu__link {
  color: var(--color-variant-text);
  font-size: 0.75rem;
}