/* Match EON type stack */
html, body {
  font-family: Circularxx, sans-serif !important;
  font-weight: 400;
}
.key_feature_container.posibilities:hover .key_feature_cta {
  color: #fbfbfb !important;
}
.client-cms_link:hover .arrow-45 {
  transform: rotate(45deg);
}
.press-button:hover .arrow-45 {
  transform: rotate(45deg);
}

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child,
.w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext > :last-child,
.w-richtext ol li:last-child,
.w-richtext ul li:last-child {
  margin-bottom: 0 !important;
}

/* 
Make the following elements inherit typography styles from the parent and not have hardcoded values. 
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/* 
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
*/

/* Prevent all click and hover interaction with an element */
.pointer-events-off {
  pointer-events: none;
}

/* Enables all click and hover interaction with an element */
.pointer-events-on {
  pointer-events: auto;
}

/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
.div-square::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/*Hide focus outline for main content element*/
main:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}

/* Make sure containers never lose their center alignment*/
.container-medium,
.container-small,
.container-large {
  margin-right: auto !important;
  margin-left: auto !important;
}

/*Reset selects, buttons, and links styles*/
.w-input,
.w-select,
a {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}

/*Apply "..." after 3 lines of text */
.text-style-3lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* Apply "..." at 100% width */
.truncate-width {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Removes native scrollbar */
.no-scrollbar {
  -ms-overflow-style: none; /* IE 10+ */
  /* overflow: -moz-scrollbars-none; (invalid) */ /* Firefox */
}

.no-scrollbar::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

/* Adds inline flex display */
.display-inlineflex {
  display: inline-flex;
}

/* These classes are never overwritten */
.hide {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .hide,
  .hide-tablet {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hide-mobile-landscape {
    display: none !important;
  }
}
@media screen and (max-width: 479px) {
  .hide-mobile {
    display: none !important;
  }
}

.margin-0 {
  margin: 0rem !important;
}

.padding-0 {
  padding: 0rem !important;
}

.spacing-clean {
  padding: 0rem !important;
  margin: 0rem !important;
}

.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.vp-video-wrapper {
  border-radius: 20px !important;
}

.blog38_item {
  height: fit-content !important;
}

.navbar9_dropdown-list.w--open {
  border: none !important;
}

.navbar9_dropdown-link:hover .dropdown-sub {
  color: #051fb2 !important;
}

.w-nav-link {
  color: inherit;
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
}

.hero_form-wrapper {
  display: block !important;
}

.navbar7_dropdown-link rect {
  transition: 200ms;
}
.navbar7_dropdown-link:hover rect {
  fill: #051fb2 !important;
}

.navbar9-bottom-bar_link-block rect {
  transition: 200ms;
}
.navbar9-bottom-bar_link-block:hover rect {
  fill: #84f5b7 !important;
}

.footer_form-input.w-input {
  color: #1b1b1b !important;
}

.numbers_gradient:hover {
  border-radius: var(--medium);
  background-image: linear-gradient(45deg, #4b4c4f 30%, #84f5b7);
  transition: 300ms;
}

/* Swiper — kill Webflow designer grid so tracks can swipe on mobile */
.swiper,
.swiper.swipercms,
.swiper.swiper2,
.swiper.swiper1,
.swiper.swiper3,
.swiper.swiper4 {
  overflow: hidden !important;
  width: 100%;
  touch-action: pan-y;
}
.swiper .swiper-wrapper,
.swiper-wrapper.w-dyn-items,
.swiper-wrapper._wf-designer-scroll {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  grid-auto-columns: auto !important;
  width: auto !important;
  gap: 0 !important;
  /* Swiper owns transform; allow native fallback scroll before init */
  overflow: visible !important;
}
.swiper:not(.swiper-initialized) .swiper-wrapper,
.swiper:not(.swiper-initialized) .swiper-wrapper._wf-designer-scroll {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
}
.swiper:not(.swiper-initialized) .swiper-slide {
  scroll-snap-align: start;
}
.swipercms .swiper-slide,
.swiper2 .swiper-slide,
.swiper1 .swiper-slide,
.swiper3 .swiper-slide,
.swiper4 .swiper-slide,
.swiperawards .swiper-slide,
.resourceshero .swiper-slide,
.webinarslider .swiper-slide {
  height: auto !important;
  flex-shrink: 0 !important;
  width: auto;
  box-sizing: border-box;
}
.swiper-initialized .swiper-slide.align-self-stretch {
  align-self: stretch !important;
}
.section_cms-slider,
.swiper-component {
  overflow: hidden;
}
@media screen and (max-width: 991px) {
  .section_cms-slider .swiper-component,
  .mobile-client-cms_wrapper .swiper-component {
    margin-right: -5%;
    padding-right: 5%;
  }
  .mobile-client-cms_wrapper.mobile {
    display: block !important;
  }
}
.cover-image {
  box-shadow:
    6px 6px 19px 0px rgba(0, 0, 0, 0.08),
    24px 24px 34px 0px rgba(0, 0, 0, 0.07),
    55px 55px 46px 0px rgba(0, 0, 0, 0.04),
    98px 97px 55px 0px rgba(0, 0, 0, 0.01),
    153px 152px 60px 0px rgba(0, 0, 0, 0);
}
._wf-designer-scroll {
  gap: 0 !important;
}

@media screen and (min-width: 992px) {
  .eon-navbar-menu {
    transform: none !important;
  }
}
.featured-nav-item:hover .full-width-card-background-image {
  transform: scale(1.1);
}
.navbar7_dropdown-link rect,
.navbar9-bottom-bar_link-block rect {
  transition: all 0.2s;
}
.navbar7_dropdown-link:hover .navbar7_item-text .text-grey {
  color: #051fb2 !important;
}
.navbar7_dropdown-link:hover rect {
  fill: #051fb2 !important;
}
.navbar9-bottom-bar_link-block:hover rect {
  fill: #84f5b7 !important;
}
.w-nav-overlay {
  top: 0 !important;
}

._wf-designer-scroll {
  gap: 0 !important;
  overflow: visible !important;
}
.swiper-pagination-bullet-active {
  background: #1b1b1b;
}

.swiper-wrapper {
  align-items: stretch !important;
}

/* Disabled Arrow Button */
.splide button:disabled {
  opacity: 0.4;
}
/* Dark Sections */
.is--dark .swiper-arrow,
.is--dark .swiper-scrollbar {
  filter: invert(100%);
}
.is--dark .swiper-pagination-bullet {
  background-color: #dfdad5 !important;
}

.swiper-horizontal > .swiper-scrollbar {
  position: relative;
  width: 100%;
  height: 4px;
  left: 0px;
  bottom: 0px;
}
.swiper-scrollbar-drag {
  cursor: pointer;
  border-radius: 100vw;
}

body .swiper-pagination {
  position: relative;
  bottom: 0px !important;
}

/* Heirmark local fixes
   overflow-x:hidden/clip on html/body kills position:sticky in Chromium
   and makes the header vanish mid-scroll. Keep both visible; clip sections instead. */
html, body {
  overflow-x: visible;
  overflow-y: auto;
}
.page-wrapper {
  overflow-x: visible;
}

.navbar9_component,
.navbar7_component {
  display: none !important;
}


/* Heirmark wordmark — match eon.xyz logo size/alignment */
.navbar9_logo,
.navbar7_logo,
.navbar-logo,
.eon-navbar-brand .navbar-logo,
.eon-navbar-mobile-container .navbar-logo {
  display: block !important;
  height: 22px !important;
  width: auto !important;
  max-width: 160px !important;
  min-width: 0 !important;
  object-fit: contain;
  object-position: left center;
  opacity: 1 !important;
  visibility: visible !important;
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
}
.footer-logo {
  display: block !important;
  height: 28px !important;
  width: auto !important;
  max-width: 180px !important;
  min-width: 110px;
  object-fit: contain;
  opacity: 1 !important;
  visibility: visible !important;
}
.eon-tagline {
  display: none !important;
}
.navbar9_logo-link,
.navbar7_logo-link,
.eon-navbar-brand,
a.footer1_link.w--current {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 28px;
  min-width: 0;
  line-height: 1;
  letter-spacing: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}
.navbar9_logo-link::after,
.navbar7_logo-link::after,
.eon-navbar-brand::after,
a.footer1_link.w--current::after {
  content: none !important;
}

.hm-nav-ctas {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  margin-left: 0.65rem;
}
/* Verify sits with the other top links, not pushed to the CTA edge */
@media screen and (min-width: 992px) {
  .eon-navbar-menu {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
  }
  .eon-navbar-menu-container {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
  }
  .eon-navbar .hm-nav-ctas {
    margin-left: auto;
    flex-shrink: 0;
  }
}

/* Header text rhythm — max 0.65rem, consistent */
.eon-navbar .eon-nav-link,
.eon-navbar .navbar7_link,
.eon-navbar .w-nav-link {
  margin-top: 0;
  margin-bottom: 0;
}
.eon-navbar .text-size-small,
.eon-navbar .text-size-regular,
.eon-navbar .b2,
.eon-navbar .b3,
.eon-navbar .dropdown-sub,
.eon-navbar p {
  margin-top: 0;
  margin-bottom: 0.65rem;
}
.eon-navbar .featured-nav-item > *:last-child,
.eon-navbar .navbar7_dropdown-link > *:last-child,
.eon-navbar .navbar9_dropdown-link > *:last-child,
.eon-navbar .navbar7_item-text > *:last-child,
.eon-navbar .navbar9_subtext-wrapper > *:last-child,
.eon-navbar .featured-nav-item-content > *:last-child {
  margin-bottom: 0 !important;
}

/* Keep bar clickable, but NEVER kill IX2 dropdown height/chevron transforms */
.sticky-nav,
.eon-navbar,
.eon-navbar .eon-navbar-container,
.eon-navbar .eon-nav-link:not(.w-dropdown-toggle),
.eon-navbar .button,
.eon-navbar .navbar7_menu-button,
.eon-navbar .w-nav-button {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.eon-navbar .eon-navbar-brand,
.eon-navbar .hm-nav-ctas {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Desktop: hide hamburger; open-state visuals handled in megamenu block below */
@media screen and (min-width: 992px) {
  .navbar7_menu-button {
    display: none !important;
  }
}

/* Mobile menu — sheet UNDER the 75px bar (never cover/hide the header) */
@media screen and (max-width: 991px) {
  .eon-navbar,
  .sticky-nav {
    z-index: 3000 !important;
  }
  .eon-navbar-mobile-container {
    position: relative;
    z-index: 3002;
    background: #fff;
  }
  body.nav-open .eon-navbar-mobile-container {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 75px !important;
    z-index: 3002 !important;
    background: #fff !important;
  }
  .eon-navbar-menu[data-nav-menu-open],
  body.nav-open .eon-navbar-menu,
  .eon-navbar.w--open .eon-navbar-menu,
  .eon-navbar-menu.w--open {
    display: block !important;
    position: fixed !important;
    top: 75px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    background: #fff !important;
    z-index: 3001 !important;
    padding: 0 0 2rem !important;
    box-shadow: none !important;
    text-align: left;
  }
  body.nav-open {
    overflow: hidden;
  }

  /* Accordion dropdowns — let IX2 own height/display; only layout the sheet */
  .eon-navbar-dropdown {
    width: 100% !important;
    height: auto !important;
  }
  .eon-navbar-dropdown .eon-nav-link,
  .eon-navbar-dropdown .w-dropdown-toggle {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 5% !important;
    font-size: 1.125rem;
  }
  .eon-navbar-dropdown-icon {
    display: block !important;
  }
  .eon-navbar-dropdown-menu,
  .eon-navbar-dropdown-menu.w-dropdown-list {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1 !important;
    background: #fff !important;
    overflow: hidden;
  }
  .eon-navbar-dropdown-menu.w--open,
  .eon-navbar-dropdown.w--open > .eon-navbar-dropdown-menu {
    border-bottom: 1px solid var(--eon-light-grey, #e7e7e7);
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .eon-navbar-menu-container {
    display: block !important;
    position: relative !important;
    width: 100%;
  }
  /* Stack megamenu feature columns like EON mobile */
  .eon-navbar-dropdown-menu .w-layout-grid,
  .eon-navbar-dropdown-menu [class*="dropdown-content"],
  .eon-navbar-dropdown-menu .padding-global {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    width: 100% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
    padding-top: 0.75rem !important;
    padding-bottom: 1.25rem !important;
  }
  .eon-navbar-dropdown-menu .featured-nav-item {
    min-height: 0 !important;
    height: auto !important;
  }
  .eon-navbar-menu .hm-nav-ctas,
  .eon-navbar-menu .button-group,
  .eon-navbar-menu .nav-button-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    padding: 1rem 5% 0;
    margin-left: 0;
  }
}

/* Client list sync — match eon.xyz (opacity on images only; mint link hover) */
.client-cms_image-wrapper,
.client-cms_right {
  position: relative;
  min-height: 30rem;
}
.client-cms_image-item {
  opacity: 0;
  position: absolute;
  inset: 0%;
  transition: opacity 0.35s ease;
  pointer-events: none;
}
.client-cms_image-item.is-active {
  opacity: 1;
  pointer-events: auto;
}
.client-cms_link-item,
.client-cms_link-item.is-active {
  color: var(--white, #fff);
  opacity: 1;
}
.client-cms_link:hover {
  color: #84f5b7 !important;
}
.client-cms_link:hover .arrow-45 {
  transform: rotate(45deg);
}
.press-button:hover .arrow-45 {
  transform: rotate(45deg);
}
.standard-card.link-card:hover {
  border-color: var(--eon-blue, #051fb2);
}
.more-news-item:hover {
  color: var(--eon-blue, #051fb2);
}
.footer1_link:hover {
  color: #fbfbfb99;
}
.footer1_social-link:hover {
  color: #fbfbfb99;
}
.footer1_legal-link:hover {
  color: var(--eon-white, #fbfbfb);
}
.button:hover {
  background-color: var(--eon-blue, #051fb2);
  color: #fff;
}
.button.is-green:hover {
  color: var(--aquamarine, #84f5b7);
  background-color: transparent;
}
.button.is-white:hover {
  color: var(--eon-black, #1b1b1b);
  background-color: #1eff93;
}
.button.is-blue:hover {
  background-color: var(--eon-black, #1b1b1b);
}
.button.is-secondary:hover {
  background-color: var(--eon-black, #1b1b1b);
  color: var(--eon-white, #fbfbfb);
}

[data-animation-type="lottie"] {
  width: 100%;
  min-height: 120px;
}
.right-grid_lottie-map[data-animation-type="lottie"] {
  min-height: 280px;
}

.header8_background-video video,
.w-background-video video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 992px) {
  .header8_background-video-wrapper:not(.mobile) {
    display: block !important;
  }
  .header8_background-video-wrapper.mobile {
    display: none !important;
  }
}

.demo-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 3000;
  background: rgba(27, 27, 27, 0.72);
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}
.demo-modal.is-open {
  display: flex;
}
.demo-modal__panel {
  background: #fbfbfb;
  max-width: 440px;
  width: 100%;
  padding: 1.75rem;
  border-radius: 8px;
}
.demo-modal label {
  display: block;
  font-weight: 600;
  margin: 0.75rem 0;
}
.demo-modal input,
.demo-modal select,
.demo-modal textarea {
  width: 100%;
  margin-top: 0.3rem;
  padding: 0.7rem;
  border: 1px solid #e7e7e7;
}

  to { transform: translateX(-100%); }
}


#demo-modal.is-open, #demo-modal:not([hidden]) {
  position: fixed; inset: 0; z-index: 99999;
  background: rgba(0,0,0,.45);
  display: grid; place-items: center;
}
#demo-modal[hidden] { display: none !important; }
#demo-modal .hm-demo-dialog {
  background: #fff; padding: 1.5rem; max-width: 420px; width: 90%;
  position: relative;
}
#demo-modal [data-close-demo] {
  position: absolute; top: .5rem; right: .75rem; border: 0; background: transparent; font-size: 1.4rem; cursor: pointer;
}

/* === moved from index.html inline <style> blocks === */
.key_feature_container.posibilities:hover .key_feature_cta {
    		color: #fbfbfb!important;
			}
	.client-cms_link:hover .arrow-45 {transform:rotate(45deg);}
	.press-button:hover .arrow-45 {transform:rotate(45deg);}

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
	margin-bottom: 0 !important;
}

/* 
Make the following elements inherit typography styles from the parent and not have hardcoded values. 
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/* 
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
*/

/* Prevent all click and hover interaction with an element */
.pointer-events-off {
	pointer-events: none;
}

/* Enables all click and hover interaction with an element */
.pointer-events-on {
  pointer-events: auto;
}

/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
.div-square::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/*Hide focus outline for main content element*/
    main:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

/* Make sure containers never lose their center alignment*/
.container-medium, .container-small, .container-large {
  margin-right: auto !important;
  margin-left: auto !important;
}

/*Reset selects, buttons, and links styles*/
.w-input, .w-select, a {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}

/*Apply "..." after 3 lines of text */
.text-style-3lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* Apply "..." at 100% width */
.truncate-width { 
		width: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}
/* Removes native scrollbar */
.no-scrollbar {
    -ms-overflow-style: none;  // IE 10+
    overflow: -moz-scrollbars-none;  // Firefox
}

.no-scrollbar::-webkit-scrollbar {
    display: none; // Safari and Chrome
}

/* Adds inline flex display */
.display-inlineflex {
  display: inline-flex;
}

/* These classes are never overwritten */
.hide {
  display: none !important;
}

@media screen and (max-width: 991px) {
    .hide, .hide-tablet {
        display: none !important;
    }
}
  @media screen and (max-width: 767px) {
    .hide-mobile-landscape{
      display: none !important;
    }
}
  @media screen and (max-width: 479px) {
    .hide-mobile{
      display: none !important;
    }
}
 
.margin-0 {
  margin: 0rem !important;
}
  
.padding-0 {
  padding: 0rem !important;
}

.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}

.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}
  
.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}
  
.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}
  
.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
  
.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.vp-video-wrapper {border-radius:20px!important;}

.blog38_item {height:fit-content!important;}

.navbar9_dropdown-list.w--open {border:none!important;}

.navbar9_dropdown-link:hover .dropdown-sub {color:#051fb2!important;}

.w-nav-link {color:inherit;}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {color:inherit;}

.hero_form-wrapper {display:block !important;}

.navbar7_dropdown-link rect {transition:200ms;}
.navbar7_dropdown-link:hover rect {fill:#051FB2!important;}

.navbar9-bottom-bar_link-block rect {transition:200ms}
.navbar9-bottom-bar_link-block:hover rect {fill:#84F5B7!important;}

.footer_form-input.w-input {color:#1b1b1b!important;}

.numbers_gradient:hover {
    border-radius: var(--medium);
    background-image: linear-gradient(45deg, #4b4c4f 30%, #84f5b7);
    transition:300ms;
}

.swipercms .swiper-slide {height:auto!important;}
.swiperawards .swiper-slide {height:auto!important;}
.resourceshero .swiper-slide {height:auto!important;}
.webinarslider .swiper-slide {height:auto!important;}
.swiper-initialized .swiper-slide.align-self-stretch {align-self: stretch !important;}
.cover-image {
	box-shadow: 6px 6px 19px 0px rgba(0, 0, 0, 0.08), 24px 24px 34px 0px rgba(0, 0, 0, 0.07), 55px 55px 46px 0px rgba(0, 0, 0, 0.04), 98px 97px 55px 0px rgba(0, 0, 0, 0.01), 153px 152px 60px 0px rgba(0, 0, 0, 0.00);
}

@media screen and (min-width: 992px) {
	.eon-navbar-menu {transform: none !important;}
}
.featured-nav-item:hover .full-width-card-background-image {transform: scale(1.1);}
.navbar7_dropdown-link rect,
.navbar9-bottom-bar_link-block rect {transition: all .2s;}
.navbar7_dropdown-link:hover .navbar7_item-text .text-grey {color: #051FB2 !important;}
.navbar7_dropdown-link:hover rect {fill:#051FB2 !important;}
.navbar9-bottom-bar_link-block:hover rect {fill:#84f5b7 !important;}
.w-nav-overlay {top: 0 !important;}

.swiper-pagination-bullet-active {
	background:#1b1b1b;
}

/* Disabled Arrow Button */
.splide button:disabled {
	opacity: 0.4;
}
/* Dark Sections */
.is--dark .swiper-arrow,
.is--dark .swiper-scrollbar {
	filter: invert(100%);
}
.is--dark .swiper-pagination-bullet {
	background-color: #dfdad5 !important;
}

.swiper-horizontal>.swiper-scrollbar {
	position: relative;
  width: 100%;
  height: 4px;
  left: 0px;
  bottom: 0px;
}
.swiper-scrollbar-drag {
	cursor: pointer;
  border-radius: 100vw;
}

body .swiper-pagination {
	position: relative;
  bottom: 0px !important;
}

/* Heirmark helpers — do not override EON layout */
.hm-announce {
  text-align: center;
  padding: 0.55rem 1rem;
  background: #1b1b1b;
  color: #fbfbfb;
}
.hm-nav-ctas {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  flex-wrap: wrap;
  margin-left: 0.65rem;
}
form[data-hm-verify] .form_input { min-width: 16rem; }
form[data-hm-start] .form_input,
form[data-hm-start] textarea { margin: 0.35rem 0 0.85rem; width: 100%; }
form[data-hm-start] label { display: inline-block; margin-right: 1rem; }


/* ============================================================
   Header — match eon.xyz: sticky bar, logo | links …… CTA
   Live nav (.eon-navbar) sits inside .sticky-nav — stick the WRAPPER.
   ============================================================ */
.sticky-nav {
  display: block !important;
  /* fixed — sticky fails once an ancestor (html overflow-x / transforms) kicks in */
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10000 !important;
  width: 100% !important;
  background: #fff !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
/* Reserve space so content isn't under the fixed 75px bar — sitewide */
.page-wrapper {
  padding-top: 75px !important;
}

/* Horizontal gutters — same 5% / auto-center on every page (incl. verify) */
.page-wrapper > .main-wrapper .padding-global,
.page-wrapper > section .padding-global,
.page-wrapper > .footer_component .padding-global,
.page-wrapper > [data-hm-site-cta] .padding-global {
  padding-left: 5% !important;
  padding-right: 5% !important;
  box-sizing: border-box;
}
.page-wrapper .container-large,
.page-wrapper .container-card,
.page-wrapper .container-medium,
.page-wrapper .container-small {
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}
.sticky-nav .eon-navbar,
.sticky-nav .eon-navbar-container {
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sticky-nav > .navbar9_component,
.sticky-nav > .navbar7_component,
.navbar9_component,
.navbar7_component {
  display: none !important;
}

.sticky-nav > .eon-navbar.w-nav,
.sticky-nav > .eon-navbar,
.eon-navbar.w-nav,
.eon-navbar {
  position: relative !important;
  top: auto !important;
  z-index: 1000 !important;
  width: 100%;
  background: #fff !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  border-bottom: 0;
}

/* Desktop header row — exact EON chassis */
@media screen and (min-width: 992px) {
  .eon-navbar {
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 75px;
  }

  .eon-navbar-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 75px;
    width: 90rem !important;
    max-width: 90% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: static !important;
    box-sizing: border-box;
  }

  /* Logo cluster — left edge of the 90% row (aligns with hero padding-global) */
  .eon-navbar-mobile-container {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 75px;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }

  .eon-navbar-brand.w-nav-brand,
  .eon-navbar-brand {
  display: inline-flex !important;
    flex-direction: row !important;
  align-items: center !important;
    justify-content: flex-start !important;
    height: 75px;
    margin: 0 1rem 0 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  .eon-navbar-brand .navbar-logo,
  .navbar-logo {
    display: block !important;
    height: 22px !important;
    width: auto !important;
    max-width: 160px !important;
    min-width: 0 !important;
    object-fit: contain;
    object-position: left center;
  }

  /* Nav + CTA share remaining width; CTA pushed right like EON */
  .eon-navbar-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: 1 1 auto !important;
    height: 75px;
    min-width: 0;
    position: static !important;
    transform: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .eon-navbar-menu-container {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    height: 75px;
    margin: 0 !important;
    padding: 0 !important;
  }

  .eon-navbar-menu-container > .eon-nav-link,
  .eon-navbar-menu-container > .eon-navbar-dropdown {
    display: inline-flex !important;
    align-items: center !important;
    height: 75px;
  }

  .eon-navbar-menu-container > .eon-nav-link,
  .eon-navbar-dropdown > .eon-nav-link.w-dropdown-toggle {
    padding: 0 0.65rem !important;
    margin: 0 !important;
    font-weight: 400 !important;
    white-space: nowrap;
    height: 75px;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.25rem;
    color: #1b1b1b !important;
  }

  .eon-navbar-menu-container > .eon-nav-link:first-child {
    padding-left: 0.25rem !important;
  }

  .eon-navbar-dropdown {
    position: static !important;
    height: 75px;
  }

  .eon-navbar-dropdown-icon {
    width: 12px !important;
    height: 12px !important;
    margin-left: 0.2rem;
    display: block !important;
  }

  .eon-navbar .hm-nav-ctas {
    display: flex !important;
    align-items: center !important;
    height: 75px;
    margin-left: auto !important;
    flex: 0 0 auto !important;
    gap: 0;
  }

  .eon-navbar .hm-nav-ctas .button {
    white-space: nowrap;
    margin: 0 !important;
  }

  /*
    Megamenu — match eon.xyz desktop:
    full-bleed panel under 75px bar, positioned against .eon-navbar
    (menu/dropdown wrappers stay position:static).
  */
  .sticky-nav {
    overflow: visible !important;
    background: #fff !important;
  }
  .eon-navbar {
    position: relative !important;
    overflow: visible !important;
    background: #fff !important;
    width: 100% !important;
  }
  /* Keep chrome above the panel without painting white boxes on links */
  .eon-navbar-container {
    /* MUST stay static — relative here traps the megamenu inside the 90% row */
    position: static !important;
    z-index: auto !important;
  }
  .eon-navbar-menu,
  .eon-navbar-menu-container {
    position: static !important;
    z-index: auto !important;
    background: transparent !important;
  }
  .eon-navbar-mobile-container,
  .eon-navbar-menu-container > .eon-nav-link,
  .eon-navbar-dropdown > .eon-nav-link.w-dropdown-toggle,
  .eon-navbar .hm-nav-ctas {
    position: relative !important;
    z-index: 3 !important;
    background: transparent !important;
  }
  /* Critical: override .w-dropdown{position:relative} — panel anchors to .eon-navbar */
  .eon-navbar-dropdown.w-dropdown,
  .eon-navbar-dropdown {
    position: static !important;
    height: 75px !important;
    z-index: auto !important;
  }
  .eon-navbar-dropdown-menu.w-dropdown-list,
  .eon-navbar-dropdown-menu {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 75px !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid transparent;
    box-shadow: none !important;
    /* EON: under the bar, still inside fixed sticky-nav stacking context */
    z-index: -1 !important;
    overflow: hidden !important;
    /* let Webflow .w-dropdown-list / .w--open + IX2 own display/height */
  }
  .eon-navbar-dropdown-menu.w--open,
  .eon-navbar-dropdown.w--open > .eon-navbar-dropdown-menu {
    border-bottom: 1px solid #e7e7e7 !important;
    background: #fff !important;
    top: 75px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: -1 !important;
    overflow: hidden !important;
  }
  /* Inner content — EON padding-global py-2 + container-large + row */
  .eon-navbar-dropdown-menu > .padding-global,
  .eon-navbar-dropdown-menu .padding-global.py-2 {
    display: block !important;
    flex-direction: unset !important;
    width: 100% !important;
    padding-left: 5% !important;
    padding-right: 5% !important;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    box-sizing: border-box;
  }
  .eon-navbar-dropdown-menu .container-large {
    width: 100% !important;
    max-width: 90rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .eon-navbar-dropdown-menu .row.gap-1,
  .eon-navbar-dropdown-menu .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 1rem !important;
    width: 100% !important;
  }
  .eon-navbar-dropdown-menu .col.lg-3 {
    flex: 1 1 0 !important;
    min-width: 12rem !important;
    max-width: 25% !important;
    width: auto !important;
  }
  .eon-navbar-dropdown-menu .navbar7_dropdown-link {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.85rem !important;
    padding: 0.5rem 0 !important;
    color: #1b1b1b !important;
    text-decoration: none !important;
    height: 100%;
  }
  .eon-navbar-dropdown-menu .navbar7_dropdown-link:hover {
    color: #051fb2 !important;
  }
  .eon-navbar-dropdown-menu .navbar7_dropdown-link:hover .b3,
  .eon-navbar-dropdown-menu .navbar7_dropdown-link:hover .text-grey {
    color: #051fb2 !important;
  }
  .eon-navbar-dropdown-menu .navbar7_icon-wrapper {
    flex: none !important;
  }
  .eon-navbar-dropdown-menu .icon-embed-medium,
  .eon-navbar-dropdown-menu .icon-embed-medium svg {
    width: 40px !important;
    height: 40px !important;
  }
  .eon-navbar-dropdown-menu .navbar7_item-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
  }
  .eon-navbar-dropdown-menu .b2 {
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }
  .eon-navbar-dropdown-menu .b3.text-grey {
    color: #848484 !important;
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
  }
  .eon-navbar-dropdown-menu .b1.uppercase {
    margin-top: 0.75rem;
    margin-bottom: 0.35rem;
  }
  .eon-navbar-dropdown-menu .row > .col.lg-12:first-child .b1.uppercase {
    margin-top: 0;
  }

  .eon-navbar-dropdown:not([data-w-id]) > .eon-navbar-dropdown-menu {
    max-height: 0;
    transition: max-height 0.5s ease;
  }
  .eon-navbar-dropdown:not([data-w-id]).w--open > .eon-navbar-dropdown-menu,
  .eon-navbar-dropdown:not([data-w-id]) > .eon-navbar-dropdown-menu.w--open {
    max-height: 90vh;
  }
  .eon-navbar-dropdown:not([data-w-id]) .eon-navbar-dropdown-icon {
    transition: transform 0.5s ease;
  }
  .eon-navbar-dropdown:not([data-w-id]).w--open .eon-navbar-dropdown-icon {
    transform: rotate(-180deg);
  }
}

/* Mobile open sheet — EON-style full viewport + accordion dropdowns */
@media screen and (max-width: 991px) {
  .eon-navbar-brand .navbar-logo,
  .navbar-logo {
    height: 22px !important;
    width: auto !important;
    max-width: none !important;
  }
  .eon-navbar-menu[data-nav-menu-open],
  body.nav-open .eon-navbar-menu,
  .eon-navbar.w--open .eon-navbar-menu,
  .eon-navbar-menu.w--open {
    display: block !important;
    position: fixed !important;
    top: 75px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    inset: auto 0 0 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    background: #fff !important;
    z-index: 3001 !important;
    padding: 0 0 2.5rem !important;
  }
  .eon-navbar-menu-container {
    display: block !important;
    width: 100%;
  }
  .eon-navbar-menu-container > .eon-nav-link {
    display: flex !important;
    align-items: center !important;
    width: 100%;
    padding: 0.85rem 5% !important;
    font-size: 1.125rem;
    border-bottom: 1px solid #eee;
  }
  .eon-navbar-dropdown {
    width: 100% !important;
    height: auto !important;
    border-bottom: 1px solid #eee;
  }
  .eon-navbar-dropdown > .eon-nav-link.w-dropdown-toggle {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0.85rem 5% !important;
    font-size: 1.125rem;
    height: auto !important;
  }
  .eon-navbar-dropdown-icon {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    /* IX2 rotates chevron — no forced transform here */
  }
  .eon-navbar-dropdown-menu.w-dropdown-list {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: #f7f7f7 !important;
    box-shadow: none !important;
    border: 0 !important;
    overflow: hidden;
  }
  .eon-navbar-dropdown-menu .row {
    display: block !important;
  }
  .eon-navbar-dropdown-menu .col {
    width: 100% !important;
    max-width: 100% !important;
  }
  .eon-navbar-dropdown-menu .navbar7_dropdown-link {
    display: flex !important;
    padding: 0.75rem 5% !important;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .eon-navbar-dropdown-menu .b1.uppercase {
    padding: 0.75rem 5% 0.25rem;
  }
  .eon-navbar-menu .hm-nav-ctas {
    display: block !important;
    padding: 1rem 5% !important;
    margin: 0 !important;
  }
  .eon-navbar-menu .hm-nav-ctas .button {
    width: 100%;
    text-align: center;
  }
}

/* Section text breathing room — sitewide (main + CTA + hubs) */
.page-wrapper section.padding-section-large > .padding-global,
.page-wrapper section.background-color-black > .padding-global,
.page-wrapper header > .padding-global,
.page-wrapper [data-hm-site-cta] > .padding-global {
  padding-top: 0.65rem;
}
.page-wrapper section.background-color-black .h1,
.page-wrapper section.background-color-black .h2,
.page-wrapper section.padding-section-large .h1,
.page-wrapper section.padding-section-large .h2,
.page-wrapper [data-hm-site-cta] .h2 {
  margin-top: 0.65rem;
  margin-bottom: 0.65rem;
}
.page-wrapper section.background-color-black .b1,
.page-wrapper section.background-color-black .b3,
.page-wrapper section.padding-section-large .b1,
.page-wrapper section.padding-section-large .b3,
.page-wrapper .cta-card_content .h5,
.page-wrapper .cta-card_content .h2 {
  margin-top: 0;
  margin-bottom: 0.65rem;
}
.page-wrapper .button-group {
  margin-top: 1.25rem;
  gap: 0.65rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.page-wrapper .card-box_wrapper .h5,
.page-wrapper .card-box_wrapper .h6 {
  margin-top: 0.65rem;
  margin-bottom: 0.35rem;
}
.page-wrapper .card-box_wrapper .h6:last-child {
  margin-bottom: 0;
}

/* Bottom site CTA — EON blue Start card (not particle) */
[data-hm-site-cta] .cta-card_wrapper.blue {
  text-align: center;
}
[data-hm-site-cta] .cta-card_content {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: none;
}
[data-hm-site-cta] .button-group {
  justify-content: center;
}

/* Contact — EON contact17 (body.background-color-black) */
body.background-color-black .sticky-nav {
  /* keep white nav bar on dark contact page */
  background: #fff !important;
}
.section_contact17 .text-secondary,
.section_contact17 a.b1.text-secondary {
  color: rgba(251, 251, 251, 0.72);
}
.section_contact17 a.b1.text-secondary:hover {
  color: #fbfbfb;
}
.section_contact17 .h3 {
  color: #fbfbfb;
}
.section_contact17 .b1 {
  color: #fbfbfb;
}

/* Verify shell — left-aligned in the same gutter as other hubs */
.hm-verify-shell {
  max-width: 40rem;
  width: 100%;
  margin: 0;
}
.hm-verify-panel {
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 1rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  box-shadow: 0 8px 28px rgba(11, 31, 58, 0.06);
}
.hm-verify-panel--center {
  align-items: center;
  text-align: center;
  min-height: 12rem;
  justify-content: center;
}
.hm-verify-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.hm-verify-form-row {
  display: flex;
  gap: 0.65rem;
  align-items: stretch;
  flex-wrap: wrap;
}
.hm-verify-form-row .form_input {
  flex: 1 1 14rem;
  min-width: 0;
  margin: 0;
}
.hm-verify-form-row .button {
  flex: 0 0 auto;
}
.hm-verify-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: center;
}
.hm-verify-demos {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  padding-top: 0.25rem;
  border-top: 1px solid #eef2f7;
}
.hm-demo-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.hm-demo-chip {
  appearance: none;
  border: 1px solid #d7dee8;
  background: #f6f8fb;
  border-radius: 999px;
  padding: 0.35rem 0.7rem;
  font: inherit;
  font-size: 0.8rem;
  cursor: pointer;
  color: #0b1f3a;
}
.hm-demo-chip:hover {
  border-color: #0b1f3a;
  background: #fff;
}
.hm-verify-result {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.hm-file-btn {
  cursor: pointer;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .hm-verify-panel {
    padding: 1.35rem;
  }
}

/* Camera verify */
.hm-camera-shell {
  position: relative;
  overflow: hidden;
  min-height: 320px;
  background: #111;
  border-radius: 0.75rem;
}
.hm-camera-video {
  display: block;
  width: 100%;
  height: min(60vh, 480px);
  object-fit: cover;
  background: #111;
}
.hm-camera-frame {
  position: absolute;
  inset: 18% 22%;
  border: 2px solid rgba(255, 255, 255, 0.85);
  border-radius: 0.75rem;
  box-shadow: 0 0 0 999px rgba(0, 0, 0, 0.28);
  pointer-events: none;
}

.hm-demo-pill {
  display: inline-block;
  margin: 0 0 0.65rem;
  padding: 0.25rem 0.65rem;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.background-color-black .hm-demo-pill {
  color: #fbfbfb;
}
.hm-demo-note {
  margin-top: 0.65rem;
  margin-bottom: 0;
  max-width: 40rem;
}

/* Cookie closed state across pages */
html.hm-consent-closed #cookiescript_badge,
html.hm-consent-closed #cookiescript_injected,
html.hm-consent-closed #cookiescript_injected_wrapper,
html.hm-consent-closed #cookiescript_injected_fsd {
  display: none !important;
}


/* CTA cards — match eon.xyz particle + blue circle cards */
.cta-card_wrapper {
  border-radius: 1rem !important;
  background-color: #1b1b1b !important;
  color: #fbfbfb !important;
  padding: 4rem !important;
  position: relative !important;
  overflow: hidden !important;
  min-height: 22rem;
}
@media screen and (max-width: 991px) {
  .cta-card_wrapper {
    padding: 2.5rem 1.5rem !important;
    min-height: 18rem;
  }
}
@media screen and (max-width: 479px) {
  .cta-card_wrapper {
    padding: 2rem 1.25rem !important;
  }
}
.cta-card_particles {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  pointer-events: none;
  z-index: 0;
}
.cta-card_particles canvas.webgl,
.cta-card_wrapper canvas.webgl {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  right: auto !important;
  bottom: auto !important;
  display: block !important;
  pointer-events: none;
}
.cta-card_circles {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center right !important;
  pointer-events: none;
  z-index: 0;
  opacity: 0.95;
}
.cta-card_wrapper.blue {
  background-color: #051fb2 !important;
  background-image: url("https://res.cloudinary.com/dyu69zz6k/image/upload/f_auto,q_auto,c_limit,w_1600/heirmark/651e8085e761a2b4e1981d81_dpp-hero-bg.webp") !important;
  background-position: 50% 100% !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
.cta-card_content {
  position: relative !important;
  z-index: 1;
  max-width: 36rem;
}
.cta-card_content.text-align-center {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}
.cta-card_content .h2 {
  color: #fbfbfb !important;
  margin-bottom: 0.75rem !important;
}
.cta-card_content .h5,
.cta-card_content .h5.text-grey-30 {
  color: rgba(251, 251, 251, 0.72) !important;
  margin-bottom: 1.25rem !important;
}
.cta-card_content .button-group {
  margin-top: 0.5rem !important;
}
.container-card {
  width: 100%;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
section.py-6 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* align-doc1 */


/* Heirmark Resources + How it Works page layout */
.hm-flow {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.hm-flow-step {
  display: grid;
  grid-template-columns: 3.5rem 1fr;
  gap: 1rem;
  align-items: stretch;
  position: relative;
}
.hm-flow-step:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 1.65rem;
  top: 3.4rem;
  bottom: -0.75rem;
  width: 2px;
  background: linear-gradient(#0b1f3a, #d9e2ef);
}
.hm-flow-num {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 999px;
  background: #0b1f3a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  letter-spacing: 0.04em;
  z-index: 1;
}
.hm-flow-card {
  background: #f6f8fb;
  border: 1px solid #e6ebf2;
  padding: 1.1rem 1.25rem;
  border-radius: 0.5rem;
}
.hm-resource-feature {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid #e6ebf2;
  border-radius: 0.5rem;
  overflow: hidden;
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease;
}
.hm-resource-feature:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(11,31,58,.08);
}
.hm-resource-feature-media {
  min-height: 12rem;
  background-size: cover;
  background-position: center;
}
.hm-resource-feature-body {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  flex: 1;
}
.hm-resource-promo {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100%;
  padding: 1.75rem;
  border-radius: 0.5rem;
  background: linear-gradient(160deg, #0b1f3a 0%, #163a66 55%, #1f4f8a 100%);
  color: #fff;
}
.hm-resource-promo .b3,
.hm-resource-promo .h4,
.hm-resource-promo .b2 {
  color: #fff;
}
@media (max-width: 991px) {
  .hm-flow-step {
    grid-template-columns: 2.75rem 1fr;
  }
  .hm-flow-num {
    width: 2.75rem;
    height: 2.75rem;
    font-size: 0.85rem;
  }
  .hm-flow-step:not(:last-child)::after {
    left: 1.3rem;
    top: 2.9rem;
  }
}