.mqm-wordpress-single {
  margin: 0;
}

.mqm-wordpress-single *,
.mqm-wordpress-single *::before,
.mqm-wordpress-single *::after {
  box-sizing: border-box;
}

.mqm-wordpress-single .mqm-single {
  min-height: 55vh;
}

.mqm-wordpress-single main.mqm-single > .mqm-single-hero {
  padding: 42px 0 54px;
  background: linear-gradient(135deg, #fff 0%, #f4f7f8 68%, #eaf0f2 100%);
}

.mqm-wordpress-single main.mqm-single > .mqm-section {
  padding: 64px 0;
  background: #fff;
}

.mqm-wordpress-single main.mqm-single > .mqm-soft {
  background: #f2f5f6;
}

.mqm-wordpress-single main.mqm-single > .mqm-support {
  background: #102d38;
}

.mqm-section-nav {
  position: sticky;
  top: 112px;
  z-index: 70;
  border-top: 1px solid #d8e2e6;
  border-bottom: 1px solid #d8e2e6;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 10px 22px rgba(16, 45, 56, .06);
  backdrop-filter: blur(12px);
}

.mqm-section-nav-inner {
  width: min(1180px, calc(100% - 30px));
  min-height: 54px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.mqm-section-nav a {
  position: relative;
  flex: 0 0 auto;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 14px;
  border-radius: 999px;
  color: #314b58;
  text-decoration: none;
  font-size: .75rem;
  font-weight: 800;
  white-space: nowrap;
}

.mqm-section-nav a:hover,
.mqm-section-nav a.is-active {
  background: #eaf4f8;
  color: #097ebc;
}

.mqm-wordpress-single .mqm-section[id] {
  scroll-margin-top: 180px;
}

.mqm-wordpress-single .joinchat {
  display: none !important;
}

@media (max-width: 980px) {
  .mqm-section-nav {
    top: 64px;
  }

  .mqm-wordpress-single .mqm-section[id] {
    scroll-margin-top: 130px;
  }
}

@media (max-width: 680px) {
  .mqm-section-nav-inner {
    width: 100%;
    padding: 7px 14px;
  }

  .mqm-section-nav a {
    min-height: 36px;
    padding: 0 12px;
    font-size: .7rem;
  }
}