@media (min-width: 1024px) {
  html {
    margin-top: 0 !important;
    padding-top: 0 !important;
    overflow-x: hidden !important;
  }

  body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }

  html:not([data-qm-fluid-scale="active"]):not(.qm-loader-complete) body > :not(.qm-loader) {
    visibility: hidden;
  }

  html.pre-scale:not(.qm-loader-complete) body > :not(.qm-loader) {
    visibility: hidden;
  }

  #fluid-scale-wrapper {
    width: 1440px;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform-origin: top center !important;
    will-change: transform;
  }

  html[data-qm-fluid-scale="active"] {
    --qm-fluid-design-width: 1440px;
    --qm-fluid-scale: 1;
  }

  html[data-qm-fluid-scale="active"] body > .qm-header {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    width: 1440px !important;
    max-width: none !important;
    transform: translateX(-50%) scale(var(--qm-fluid-scale, 1)) !important;
    transform-origin: top center !important;
    z-index: 100002 !important;
    transition:
      top 420ms cubic-bezier(0.22, 1, 0.36, 1),
      height 520ms cubic-bezier(0.22, 1, 0.36, 1),
      background-color 520ms cubic-bezier(0.22, 1, 0.36, 1),
      box-shadow 520ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  html[data-qm-fluid-scale="active"] body.qm-framework-nav-first > .qm-header,
  html[data-qm-fluid-scale="active"] body.qm-has-framework-nav.qm-framework-nav-first > .qm-header,
  html[data-qm-fluid-scale="active"] body.qm-framework-page.qm-framework-nav-first > .qm-header {
    transform: translateX(-50%) scale(var(--qm-fluid-scale, 1)) !important;
    pointer-events: auto !important;
  }

  html[data-qm-fluid-scale="active"] body > .qm-header .qm-header__inner {
    width: 100% !important;
    max-width: 1440px !important;
  }

  html[data-qm-fluid-scale="active"] .qm-framework-nav {
    z-index: 100000;
  }

  html[data-qm-fluid-scale="active"] #fluid-scale-wrapper .qm-framework-nav:not(.qm-is-fixed) {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  html[data-qm-fluid-scale="active"] body > .qm-framework-nav.qm-is-fixed {
    position: fixed !important;
    top: var(--qm-fixed-top, 0px) !important;
    left: 50% !important;
    right: auto !important;
    width: 1440px !important;
    max-width: none !important;
    margin: 0 !important;
    transform: translateX(-50%) scale(var(--qm-fluid-scale, 1)) !important;
    transform-origin: top center !important;
    z-index: 100001 !important;
  }

  html[data-qm-fluid-scale="active"] body > .qm-framework-nav.qm-is-fixed .qm-framework-nav__rail {
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html[data-qm-fluid-scale="active"] .qm-framework-nav-placeholder.is-active {
    display: block;
  }

  html[data-qm-fluid-scale="active"] body > .qm-about-journey__stage.is-fixed-pinned {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    width: 1440px !important;
    max-width: none !important;
    margin: 0 !important;
    transform: translateX(-50%) scale(var(--qm-fluid-scale, 1)) !important;
    transform-origin: top center !important;
    z-index: 40 !important;
    overflow: hidden !important;
  }

  html[data-qm-fluid-scale="active"] .qm-post-diagram.qm-fluid-diagram-fixed {
    position: fixed !important;
    left: var(--qm-fluid-diagram-left, calc(50% + 220px)) !important;
    top: var(--qm-fluid-diagram-top, 140px) !important;
    width: var(--qm-fluid-diagram-width, 440px) !important;
    max-width: none !important;
    transform: scale(var(--qm-fluid-scale, 1)) !important;
    transform-origin: top left !important;
    z-index: 20 !important;
  }

  html[data-qm-fluid-scale="active"] .qm-post.is-diagram-settled .qm-post-diagram.qm-fluid-diagram-fixed,
  html[data-qm-fluid-scale="active"] .qm-post.is-diagram-out .qm-post-diagram.qm-fluid-diagram-docked {
    will-change: auto !important;
  }

  html[data-qm-fluid-scale="active"] body > .qm-post-diagram.qm-fluid-diagram-fixed {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
  }

  html[data-qm-fluid-scale="active"] .qm-post-diagram-placeholder {
    display: block;
    width: 100%;
    height: 0;
    pointer-events: none;
  }

  html[data-qm-fluid-scale="active"] .qm-post-diagram.qm-fluid-diagram-docked,
  html[data-qm-fluid-scale="active"] .qm-post.is-diagram-out .qm-post-diagram {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html[data-qm-fluid-scale="active"] body > .qm-post-diagram:not(.is-diagram-live) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html[data-qm-fluid-scale="active"] .qm-post__visual .qm-post__sticky,
  html[data-qm-fluid-scale="active"] .qm-post.is-diagram-active .qm-post__visual,
  html[data-qm-fluid-scale="active"] .qm-post.is-diagram-out .qm-post__visual {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html[data-qm-fluid-scale="active"] .qm-post--classic .qm-post__sticky {
    width: 440px !important;
    height: auto !important;
  }

  html[data-qm-fluid-scale="active"] .qm-post--classic .qm-post__sticky-item {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    transform: none !important;
    background: none !important;
  }

  html[data-qm-fluid-scale="active"] .qm-post--classic .qm-post__sticky-item img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
  }
}

.qm-framework-nav-placeholder {
  display: none;
  width: 100%;
  pointer-events: none;
}

.qm-framework-nav-spacer {
  display: none !important;
  height: 0 !important;
}

body [style*="padding-bottom: var(--wp--preset--spacing--60)"],
body [style*="padding-bottom:var(--wp--preset--spacing--60)"] {
  padding-bottom: 0 !important;
}

@media (max-width: 1023px) {
  html[data-qm-fluid-scale="active"] .qm-post-diagram.qm-fluid-diagram-fixed,
  html[data-qm-fluid-scale="active"] .qm-post-diagram.qm-fluid-diagram-docked {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }
}