nav {
  position: relative;
  display: block;
  width: 100%;
  background: transparent;
}
.navMenu {
  display: none;
}
.navMenuBtn {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 15px;
  padding: 10px 0;
  background: transparent;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(6.3px);
  -webkit-backdrop-filter: blur(6.3px);
}
.navMenuBtn.is-sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
.menuCont {
  z-index: 100000;
}
html,
body {
  overflow: visible;
  -webkit-overflow-scrolling: auto;
}
.nav-links {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 500;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 10px 0;
  background: transparent;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(6.3px);
  -webkit-backdrop-filter: blur(6.3px);
  padding-left: 10%;
  padding-right: 10%;
}
.nav-logoSect {
  backdrop-filter: blur(6.3px);
  -webkit-backdrop-filter: blur(6.3px);
  text-align: center;
  margin-bottom: -16px;
}
.nav-logo img {
  height: 250px;
}
.nav-logo,
nav > p {
  width: 100%;
  display: block;
  text-align: center;
}
.nav-links.debug {
  outline: 2px dashed red;
}
.nav-links img {
  height: 50px;
}
.navSideImg {
  display: none;
}
.navSideImg.is-sticky {
  display: block;
}
.navSideImg2 {
  display: none;
}
.navSideImg2.is-sticky {
  display: block;
}
.nav-links.is-sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}