.mobileInvestmentsLink {
  display: none !important;
}

.investmentsDrop .investmentsMenu {
  width: 270px;
  grid-template-columns: minmax(0, 1fr) !important;
}

.investmentsDrop .investmentsMenu .megaColumn {
  width: 100%;
  min-width: 0;
  align-items: stretch;
}

.investmentsDrop .investmentsMenu .megaColumn > a {
  display: block;
  width: 100%;
  margin: -3px 0;
  padding: 7px 10px;
  border-radius: 8px;
  box-sizing: border-box;
}

.investmentsDrop .investmentsMenu .megaColumn > a:hover,
.investmentsDrop .investmentsMenu .megaColumn > a:focus-visible {
  color: #fff;
  background: linear-gradient(135deg, #2764ff, #7655ff 65%, #38c9ff);
  box-shadow: 0 8px 20px rgba(39,100,255,.28);
  transform: translateX(3px);
}

@media (min-width: 961px) {
  .headerInner {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr) max-content;
    align-items: center;
    column-gap: 28px;
  }

  .headerInner > .mainNav {
    min-width: 0;
    margin-left: 0;
    justify-self: center;
  }

  .headerInner > .headerActions {
    justify-self: end;
  }
}

.headerActions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.desktopMessengers {
  display: flex;
  align-items: center;
  gap: 7px;
}

.desktopMessengerIcon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #3770ff, #754eff);
  box-shadow: 0 7px 18px rgba(53,92,255,.34);
  transition: transform .2s ease, box-shadow .2s ease;
}

.desktopMessengerIcon:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(53,92,255,.5);
}

.desktopMessengerIcon svg {
  width: 15px;
  height: 15px;
  fill: currentColor;
}

.desktopMessengerIcon.whatsapp svg {
  width: 19px;
  height: 19px;
}

.desktopMessengerIcon.max svg {
  display: none;
}

.desktopMessengerIcon.max::after {
  content: "";
  width: 17px;
  height: 17px;
  background: url("/max-messenger-mark.svg") center / contain no-repeat;
}

@media (min-width: 961px) and (max-width: 1080px) {
  .headerInner {
    column-gap: 12px;
  }

  .mainNav {
    gap: 8px;
  }

  .mainNav > a,
  .navDropdown > a {
    font-size: 10px;
  }

  .headerActions {
    gap: 8px;
  }

  .desktopMessengers {
    gap: 5px;
  }

  .desktopMessengerIcon {
    flex-basis: 30px;
    width: 30px;
    height: 30px;
  }

  .headerCta {
    padding-inline: 12px;
  }
}

@media (max-width: 960px) {
  .headerActions {
    margin-left: auto;
  }

  .desktopMessengers {
    display: none;
  }

  .investmentsDrop > .mobileInvestmentsLink {
    display: flex !important;
  }

  .investmentsDrop > .investmentsMenu {
    display: none !important;
  }
}

@media (max-width: 680px) {
  .headerActions {
    display: none;
  }
}

.mobileContact { display: none; }
.mobileContactPhone { color: #fff; text-decoration: none; }
.mobileContactLabel { color: rgba(255,255,255,.42); }
.mobileContactLinks { display: flex; align-items: center; gap: 5px; }
.mobileContactIcon { display: inline-flex; align-items: center; justify-content: center; color: var(--cyan); text-decoration: none; }
.mobileContactIcon svg { width: 14px; height: 14px; fill: currentColor; }
.mobileContactIcon:hover { color: #fff; }
@media (max-width: 960px) { .mobileContact { display: flex !important; flex: 0 1 auto; min-width: 0; flex-direction: column; align-items: flex-end; justify-content: center; gap: 2px; margin-left: auto; line-height: 1; visibility: visible; opacity: 1; } .mobileContactPhone { font-size: 12px; font-weight: 750; letter-spacing: -.02em; white-space: nowrap; } .mobileContactLabel { font-size: 7px; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; } .mobileContactLinks { gap: 4px; margin-top: 2px; } .mobileContactIcon { width: 15px; height: 15px; } .mobileContactIcon svg { width: 13px; height: 13px; } }
@media (max-width: 680px) { .mobileContact { margin-left: auto; } .menuButton { margin-left: 2px; } }
@media (max-width: 390px) { .mobileContactPhone { font-size: 10px; } .mobileContactLabel { font-size: 6px; } .mobileContactIcon { width: 13px; height: 13px; } .mobileContactIcon svg { width: 11px; height: 11px; } }

.button.ghost.onDark { color: #fff; border-color: rgba(255,255,255,.38); background: transparent; }
.button.ghost.onDark:hover { color: #fff; border-color: transparent; background: linear-gradient(135deg, #3770ff, #754eff); box-shadow: 0 15px 35px rgba(53,92,255,.28); transform: translateY(-2px); }
.homeHero .button.ghost.onDark { color: #fff; border-color: rgba(255,255,255,.48); background: transparent; }
.homeHero .button.ghost.onDark:hover, .homeHero .button.ghost.onDark:focus-visible { color: #fff; border-color: transparent; background: linear-gradient(135deg, #3770ff, #754eff); box-shadow: 0 15px 35px rgba(53,92,255,.35); transform: translateY(-2px); }

.homeHero .button.ghost { color: #fff !important; border-color: rgba(255,255,255,.48) !important; background: transparent !important; }
.homeHero .button.ghost:hover, .homeHero .button.ghost:focus-visible { color: #fff !important; border-color: transparent !important; background: linear-gradient(135deg, #3770ff, #754eff) !important; box-shadow: 0 15px 35px rgba(53,92,255,.35); transform: translateY(-2px); }

.directionCard .cardTop { display: none; }
.directionCard p { margin-bottom: 12px; }
.directionCard .directionCta { margin-top: 12px; }
.directionCta:hover, .directionCard:hover .directionCta, .directionCard:focus-visible .directionCta { color: #fff; border-color: transparent; background: linear-gradient(135deg, #2764ff, #7655ff 65%, #38c9ff); box-shadow: 0 12px 26px rgba(39,100,255,.3); transform: translateY(-1px); }
.directionCta:hover i, .directionCard:hover .directionCta i, .directionCard:focus-visible .directionCta i { color: #fff; transform: translateX(2px); }

.directionCard { padding-bottom: 36px; }

.directionGrid { align-items: start; }
.directionCard { min-height: 0; padding-bottom: 36px; }
.directionCard .directionCta { margin-top: 18px; }

@media (max-width: 680px) { .directionCard { min-height: auto; } .directionCard p { margin-bottom: 0; } .directionCard .directionCta { margin-top: 18px; } }

.compactDrop .oneColumn .megaColumn > span { white-space: nowrap; }

.compactDrop .oneColumn .megaColumn > a { white-space: nowrap; }

@media (max-width: 960px) { .mobileContact { display: flex !important; visibility: visible; opacity: 1; } }

@media (max-width: 960px) { .headerInner { position: relative; } .mobileContact { position: absolute; left: 50%; z-index: 2; align-items: center; margin: 0; text-align: center; transform: translateX(-50%); } }
@media (max-width: 360px) { .mobileContact { left: 56%; } }

@media (max-width: 960px) { .menuButton { margin-left: auto; margin-right: 0; z-index: 3; } }

@media (max-width: 680px) { .headerInner { display: grid; grid-template-columns: max-content minmax(0, 1fr) 42px; gap: 0; } .mobileContact { position: static; left: auto; justify-self: center; margin: 0; transform: none; } .menuButton { grid-column: 3; margin: 0; z-index: 3; } }

.mobileContactPhone { display: inline-block; cursor: pointer; }
@media (max-width: 960px) { .mobileContactPhone { font-size: 16px; } .mobileContactLinks { gap: 5px; margin-top: 3px; } .mobileContactIcon { width: 22px; height: 22px; flex: 0 0 22px; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #3770ff, #754eff); box-shadow: 0 6px 14px rgba(53,92,255,.35); transition: transform .2s ease, box-shadow .2s ease; } .mobileContactIcon:hover { color: #fff; box-shadow: 0 9px 18px rgba(53,92,255,.5); transform: translateY(-1px); } .mobileContactIcon svg { width: 12px; height: 12px; } .mobileContactIcon.viber svg { display: none; } .mobileContactIcon.viber::after { content: ""; width: 13px; height: 14px; background: url("/apexmarketing/img/home/viber.svg") center / contain no-repeat; filter: brightness(0) invert(1); } }
@media (max-width: 390px) { .mobileContactPhone { font-size: 13px; } .mobileContactIcon { width: 20px; height: 20px; flex-basis: 20px; } .mobileContactIcon svg { width: 11px; height: 11px; } .mobileContactIcon.viber::after { width: 12px; height: 13px; } }

@media (max-width: 960px) { .mobileContactIcon.whatsapp svg { width: 16px; height: 16px; } .mobileContactIcon.max svg { display: none; } .mobileContactIcon.max::after { content: ""; width: 13px; height: 13px; background: url("/max-messenger-mark.svg") center / contain no-repeat; } }
@media (max-width: 390px) { .mobileContactIcon.whatsapp svg { width: 14px; height: 14px; } .mobileContactIcon.max::after { width: 12px; height: 12px; } }

.mobileContactLabel { display: none !important; }

@media (max-width: 960px) { .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:last-child { order: 1; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:nth-last-child(4) { order: 2; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:nth-last-child(3) { order: 3; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:nth-last-child(2) { order: 4; } }

@media (max-width: 960px) { .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:last-child { order: 1; border-top: 0; margin-top: 0; padding-top: 5px; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:nth-last-child(5) { order: 2; border-top: 1px solid rgba(255,255,255,.1); margin-top: 12px; padding-top: 18px; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:nth-last-child(4) { order: 3; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:nth-last-child(3) { order: 4; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:nth-last-child(2) { order: 5; } }

@media (min-width: 961px) { .mainNav > .navDropdown:not(.compactDrop) > .megaMenu { width: min(1180px, calc(100vw - 40px)); grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; padding: 24px; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:last-child { order: 1; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:nth-last-child(5) { order: 2; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:nth-last-child(4) { order: 3; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:nth-last-child(3) { order: 4; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn:nth-last-child(2) { order: 5; } }

@media (min-width: 961px) { .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn a { width: 100%; margin: -4px 0; padding: 6px 9px; border-radius: 8px; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn a:hover, .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn a:focus-visible { color: #fff; background: linear-gradient(135deg, #2764ff, #7655ff 65%, #38c9ff); box-shadow: 0 8px 20px rgba(39,100,255,.28); transform: translateX(3px); } }

@media (min-width: 961px) { .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn > .desktopMegaLabel { width: 100%; padding-inline: 9px; box-sizing: border-box; } .mainNav > .navDropdown:not(.compactDrop) > .megaMenu .megaColumn a { box-sizing: border-box; } }

@media (max-width: 680px) { .logoLockup { display: none !important; } .mobileContactLinks { margin-top: 6px; } }

.headerCta { background-color: #fff; background-image: linear-gradient(135deg, #3770ff, #754eff); background-position: left center; background-repeat: no-repeat; background-size: 0 100%; transition: color .3s ease, background-size .46s cubic-bezier(.16,1,.3,1), box-shadow .3s ease, transform .24s ease; }
.headerCta:hover, .headerCta:focus-visible { color: #fff; background-color: #fff; background-image: linear-gradient(135deg, #3770ff, #754eff); background-size: 100% 100%; box-shadow: 0 12px 28px rgba(53,92,255,.34); transform: translateY(-1px); }

.logoSystemMark > b { background: transparent !important; box-shadow: none !important; }

.logoSystemMark > i:nth-child(1) { clip-path: polygon(0 0, 100% 0, 100% 46%, 46% 100%, 0 100%); }
.logoSystemMark > i:nth-child(2) { clip-path: polygon(0 0, 100% 0, 100% 100%, 54% 100%, 0 46%); }
.logoSystemMark > i:nth-child(3) { clip-path: polygon(0 0, 46% 0, 100% 54%, 100% 100%, 0 100%); }
.logoSystemMark > i:nth-child(4) { clip-path: polygon(46% 0, 100% 0, 100% 100%, 0 100%, 0 54%); }

/* Keep the service selector aligned with the full-width message field. */
.leadForm > label:nth-of-type(5) { grid-column: 1 / -1; }

@media (min-width: 961px) {
  .audienceSection .sectionHead h2 { max-width: none; white-space: nowrap; }
}