/* Site-wide dark matte glass header */

html {
  scroll-padding-top: 100px;
  scroll-behavior: smooth;
}

body:not(.index-seven):not(.course-page):not(.about-page) {
  padding-top: 88px;
}

.header-three.five.header-floating,
.header-three.five.sticky.header-floating,
.header-three.five.header--sticky.sticky.h-7.header-floating {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 1002 !important;
  min-height: 78px;
  transform: translateY(0) !important;
  opacity: 1 !important;
  background: rgba(10, 10, 16, 0.68) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.18) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
}

.header-floating:hover,
.header-three.five.sticky.header-floating:hover {
  background: rgba(10, 10, 16, 0.68) !important;
}

.header-floating .parent-ul > li > a.nav-link,
.header-floating .parent-ul > li > a:not(.sdm-main),
.header-floating .action-area span,
.header-three.five.header-floating .action-area span {
  color: #ffffff !important;
}

.header-floating .action-area .icon svg rect,
.header-three.five.header-floating .action-area .icon svg rect {
  fill: #ffffff !important;
}

.header-floating .has-dropdown .submenu {
  background-color: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.2) !important;
  z-index: 1100 !important;
}

.header-floating .has-dropdown .submenu a,
.header-floating .has-dropdown .submenu li.lim a,
.header-floating .has-dropdown .submenu li.lim a.sdm-main {
  color: #111827 !important;
  border-bottom-color: #e5e7eb !important;
}

.header-floating .has-dropdown .submenu li.lim:hover a.sdm-main {
  background: #8b5cf6 !important;
  color: #ffffff !important;
}

.header-floating .logo-area img {
  width: auto;
  max-height: 70px;
  object-fit: contain;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.25));
}

.header-floating,
.header-floating .header-right,
.header-floating .nav-area-center,
.header-floating .navigation,
.header-floating .parent-ul,
.header-floating .has-dropdown {
  overflow: visible !important;
}

.header-floating .has-dropdown.is-open .submenu,
.header-floating .has-dropdown:hover .submenu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.header-floating .has-dropdown .submenu a {
  pointer-events: auto !important;
}

#anywhere-home:not(.bgshow) {
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  z-index: -1 !important;
}

#anywhere-home.bgshow {
  pointer-events: auto !important;
  z-index: 999 !important;
}

body.index-seven .header-three.five.header-floating,
body.index-seven .header-three.five.sticky.header-floating,
body.index-seven .header-three.five.header--sticky.sticky.h-7.header-floating {
  position: fixed !important;
  background: rgba(10, 10, 16, 0.68) !important;
}

@media (max-width: 768px) {
  html {
    scroll-padding-top: 80px;
  }

  body:not(.index-seven):not(.course-page):not(.about-page) {
    padding-top: 78px;
  }

  .course-hero {
    padding-top: calc(78px + 24px);
  }

  .about-hero {
    padding-top: calc(78px + 24px);
  }
}