.nav{display:inline-flex;margin:0 24px;position:relative}.nav li{list-style:none;margin:0}.nav li a,.nav li span{color:#f9f9f9;display:block;font-size:14px;margin:0;padding:12px 18px;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.nav li a:hover{color:#def943}.nav input[type=checkbox]{display:none}.nav__submenu{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:10px;box-shadow:0 4px 30px rgba(0,0,0,.1);opacity:0;position:absolute;top:calc(100% + 20px);transition:all .3s ease;visibility:hidden;z-index:1001}.nav__submenu:before{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:10px;content:"";height:100%;position:absolute;width:100%;z-index:-1}.nav__submenu li img{display:inline;margin-right:12px;width:36px}.nav li:hover .nav__submenu{opacity:1;transform:translateY(-3px);visibility:visible}.nav .header__cta,.nav__link--mobile{display:none}@media screen and (max-width:960px){.nav{display:none;height:100vh;margin:0;overflow-y:auto;position:fixed;width:100%}.nav.nav--open{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:10px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:block;left:24px;max-width:calc(100% - 48px);padding:12px 0;top:96px}.nav:before{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);content:"";height:100%;position:absolute;top:0;width:100%;z-index:-1}.nav li a{display:block}.nav li label{color:#fff;font-size:14px;margin:0;padding:12px 18px;text-transform:uppercase;transition:all .3s ease}.nav__submenu{border:none;border-radius:0;box-shadow:none;max-height:0;opacity:1;overflow:hidden;position:static;visibility:visible}.nav__submenu:before{backdrop-filter:none;-webkit-backdrop-filter:none}.nav__submenu li{margin-left:24px}.nav input[type=checkbox]:checked~.nav__submenu{max-height:100%}.nav li:hover .nav__submenu{transform:translateY(0)}.nav__link--desktop{display:none!important}.nav__link--mobile{cursor:pointer;display:block}.nav__icon{align-items:center;cursor:pointer;display:flex;height:24px}.nav .header__cta{align-items:self-start;color:#fff;display:flex;flex-direction:column;gap:20px;justify-content:start;padding:12px 18px;text-align:left}.nav .header__cta a{color:var(--dark-color)}.header__cta-desktop{display:none}header .header__nav{left:inherit;right:20px}.nav__hamburger{cursor:pointer;position:relative;transition-delay:.1s;width:16px;&,&:after,&:before{background-color:#fff;display:inline-block;height:2px;transition:all .2s ease-out}&:after,&:before{content:"";left:0;position:absolute}&:before{top:-6px;width:20px}&:after{top:6px;transition-delay:.2s;width:12px}}.nav__icon--open .nav__hamburger{&:before{width:12px}&:after{width:20px}}}