header{background-color:transparent;padding:20px 0;position:absolute;width:100vw}header .container{align-items:center;display:flex;justify-content:space-between;max-width:1540px}.nav_logo img{height:75px}.mobile-nav{display:none}.main-nav_wrapper{justify-content:space-between;min-height:80px}.desktop-nav,.main-nav_wrapper{align-items:center;display:flex}.desktop-nav{gap:30px;justify-content:end;list-style:none;margin:0;padding:0}.desktop-nav .dropdown,.desktop-nav a{color:var(--light-yellow);font-size:1.3rem;transition:.25s ease}.desktop-nav .dropdown{padding:0}.desktop-nav a:hover{color:#fff;text-decoration:none!important}.desktop-nav .dropdown{all:unset;cursor:pointer}.desktop-nav .dropdown[aria-expanded=true]{color:#fff}.desktop-nav .dropdown svg{height:.5rem;margin-left:.3rem;transition:.15s ease;width:.9rem;fill:currentColor}.desktop-nav .dropdown svg path{fill:currentColor}.dropdown svg.flip{transform:scaleY(-1)}.desktop-nav .dropdown,.desktop-nav ul a{color:var(--light-yellow);font-size:1.3rem;font-weight:500}.desktop-nav .dropdown:hover,.desktop-nav ul a:hover{color:#fff!important;text-decoration:none!important}.desktop-nav .dropdown.primary,.desktop-nav ul a.primary{border:1px solid var(--light-yellow);border-radius:5px;padding:10px}.desktop-nav .dropdown.primary:hover,.desktop-nav ul a.primary:hover{background-color:var(--light-yellow);color:#000!important}.desktop-nav .dropdown_menu{backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.1);border-radius:0 0 10px 10px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:absolute;width:max-content}.desktop-nav .dropdown_menu *{font-size:.9rem;line-height:1;margin:0}.primary{border:1px solid var(--light-yellow);border-radius:5px;padding:10px}.primary:hover{background-color:var(--light-yellow);color:#000!important}.hamburger{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:all .4s cubic-bezier(.84,.06,.52,1.8)}.hamburger:hover{background-color:transparent}.hamburger_bar{background-color:var(--light-yellow);border-radius:10px;height:3px;opacity:1;transition:all .35s cubic-bezier(.84,.06,.52,1.8);width:33px}.hamburger[aria-expanded=true] .hamburger_bar:nth-child(2){opacity:0}.hamburger_bar:first-child.initial{animation:loadUp .35s cubic-bezier(.84,.06,.52,1.8) forwards}.hamburger .hamburger_bar:first-child:not(.initial){animation:resetUp .35s cubic-bezier(.84,.06,.52,1.8) forwards}.hamburger[aria-expanded=true] .hamburger_bar:first-child{animation:translateDown .35s cubic-bezier(.84,.06,.52,1.8) forwards}.hamburger_bar:nth-child(3).initial{animation:loadDown .35s cubic-bezier(.84,.06,.52,1.8) forwards}.hamburger .hamburger_bar:nth-child(3):not(.initial){animation:resetDown .35s cubic-bezier(.84,.06,.52,1.8) forwards}.hamburger[aria-expanded=true] .hamburger_bar:nth-child(3){animation:translateUp .35s cubic-bezier(.84,.06,.52,1.8) forwards}@keyframes loadUp{0%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes translateDown{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(8px) rotate(0deg)}to{transform:translateY(8px) rotate(45deg)}}@keyframes resetUp{0%{transform:translateY(8px) rotate(45deg)}50%{transform:translateY(8px) rotate(0deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes loadDown{0%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes translateUp{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(0deg)}to{transform:translateY(-8px) rotate(-45deg)}}@keyframes resetDown{0%{transform:translateY(-8px) rotate(-45deg)}50%{transform:translateY(-8px) rotate(0deg)}to{transform:translateY(0) rotate(0deg)}}.mobile-menu_wrapper{height:100vh;position:absolute;right:0;top:100%;transition:.55s ease;width:100vw}.mobile-menu_wrapper[aria-hidden=true]{display:none}.bd-blur{backdrop-filter:blur(5px)}nav.mobile-menu{background-color:var(--lightest-gray);box-shadow:var(--shadow-1);height:auto;max-height:500px;min-width:100%;padding:2rem;transition:.45s ease;width:100%}nav.mobile-menu.closed{max-height:0;overflow:hidden;padding:0}nav.mobile-menu ul{list-style:none;opacity:1;padding:0;transition:.45s ease}nav.mobile-menu.closed ul{opacity:0}.mt-2rem{margin-top:2rem}.mt-2rem .primary{background-color:var(--light-yellow);color:#000}@media (max-width:1030px){.desktop-nav{display:none}.mobile-nav{display:block}}@media (max-width:768px){.nav_logo img{height:55px}}@media (max-width:400px){#hero{padding-top:150px}.nav_logo img{height:30px}}