.blackGlassHeader {
     /* height: 82px;
     position: absolute; */
     position: fixed;
     top: 0;
     width: 100%;
}

.blackGlassHeader .header {
     padding: 14px 140px;
     border: 0.5px solid #000000;
     z-index: 1000000;
     background: rgba(0, 0, 0, 0.6);
     backdrop-filter: blur(20px);
}

.blackGlassHeader.sticky {
     box-shadow: none !important;
}

.main-menu {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.main-menu .logo-container .logo {
     width: 40px;
}

.blackGlassHeader .navigation {
     padding: 14px 140px;
     width: 100%;
}

/* .blackGlassHeader.sticky .header {
     padding: 12px 140px !important;
} */

.navLinks {
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
}

.navLink {
     font-family: 'League Spartan', sans-serif;
     font-style: normal;
     font-weight: 300;
     font-size: 20px;
     line-height: 28px;
     text-align: center;
     color: #fff;
     margin: 0px 20px;
     cursor: pointer;
     flex-shrink: 0;
}

.navLink:hover,
.submenuLink:hover {
     text-decoration: none;
     color: #fff !important;
}

.appBtn {
     margin-left: 40px;
}

.appBtn,
.appBtn img {
     max-height: 52px;
     margin-bottom: 0;
}

.subMenu {
     width: 100vw;
     max-height: 65px !important;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
     /* background: rgba(0, 0, 0, 0.6);
     backdrop-filter: blur(20px); */
     position: absolute;
     left: 0px;
     top: 80px;
     border: 0.5px solid #000000;
     z-index: 1000000;
     background: rgba(0, 0, 0, 0.6);
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
     border-top: 0.5px;
     opacity: 0;
     pointer-events: none;
}

.subMenu.opaque {
     opacity: 1;
     transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
     pointer-events: all;
}

.submenu::after {
     content: '';
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     height: 55px;
     width: 100vw;
}

/* .submenu::after {
     content: '';
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     height: 55px;
     width: 100vw;
     background: rgba(0, 0, 0, 0.6);
     filter: blur(20px);
     z-index: 11111111111;
} */

/* .dropBox:hover+.subMenu {
     display: flex;
     visibility: visible;
     margin-top: 170px;
     transition: 10s ease-in;
     pointer-events: all;
     will-change: transform;
} */

.submenuLink {
     font-family: 'League Spartan';
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 25px;
     text-align: right;
     color: #fff;
     margin: 20px;
}

.dropBox {
     position: relative !important;
     padding-right: 15px;
     cursor: pointer
}

.dropBox .downarrow::before,
.dropBox .downarrow::after {
     content: "";
     display: block;
     width: 9px;
     height: 9px;
     background: #fff;
     border-radius: 50%;
     position: absolute;
     right: 15px;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     animation-fill-mode: forwards;
}

.dropBox.setArrow .downarrow::before,
.dropBox.setArrow .downarrow::after {
     width: 2px;
     height: 7px;
     border-radius: 0;
     top: 50%;
     right: 15px
}

.dropBox.setArrow .downarrow::before {
     -webkit-transform: rotate(-45deg) translateY(-50%);
     transform: rotate(-45deg) translateY(-50%);
     animation-fill-mode: forwards;
     top: 50.5%;
     right: 14px;
}

.dropBox.setArrow .downarrow::after {
     -webkit-transform: rotate(45deg) translateY(-50%);
     transform: rotate(45deg) translateY(-50%);
     animation-fill-mode: forwards;
     height: 7.5px;
}

.drop {
     opacity: 0;
     pointer-events: none;
     visibility: hidden;
     position: absolute;
     left: 0;
     top: 100%;
     background: var(--myClrLight);
     width: 100%;
     padding: 5px 0 16px;
     transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
     border-bottom: 1px solid #000
}

.dropBox:hover:after {
     position: absolute;
     bottom: -5px;
     left: 0;
     z-index: 10;
     display: block;
     width: 100%;
     height: 37px;
     content: ""
}

.dropBox:hover .drop {
     opacity: 1;
     pointer-events: initial;
     visibility: visible;
     pointer-events: auto;
     top: 100%
}


@media screen and (min-width: 1400px) {
     .blackGlassHeader .header .container {
          max-width: 1320px ;
     }
}
@media screen and (min-width: 1200px) {
     .blackGlassHeader .header .container {
          max-width: 1140px ;
     }
}
@media screen and (min-width: 922px) {
     .blackGlassHeader .header .container {
          max-width: 960px ;
     }
}


/* @media screen and (max-width: 1440px) { */
@media screen and (max-width: 1200px) {
     .blackGlassHeader .header .container {
          max-width: 1140px;
     }
}
@media screen and (max-width: 922px) {
     .blackGlassHeader .header .container {
          max-width: 960px;
     }
}


@media screen and (max-width: 1400px) {
     .blackGlassHeader .header {
          padding: 22px 5%;
     }
}


@media screen and (max-width:540px) {

     .blackGlassHeader {
          background: transparent;
          border: none;
     }

     .blackGlassHeader .navigation,
     .blackGlassHeader .subMenu {
          display: none;
          visibility: hidden;
     }

     .blackGlassHeader .header {
          border: none;
          padding: 0px;
          background: none;
          backdrop-filter: none;
     }

     .blackGlassHeader #header .hidden {
          display: none;
          visibility: hidden;
     }
}


.registered-sup {
     font-family: Inter;
     font-size: .8em;
     font-weight: 300;
     top: -.5em;
     position: relative;
     vertical-align: baseline;
}

     /* .registered-sup {
          font-family: Inter;
          font-size: .75em;
          font-weight: 300;
          top: -.5em;
          position: relative;
          vertical-align: baseline;
      } */