nav{padding:0 5vw;width:100%;height:10vh;display:flex;justify-content:space-between;align-items:center;background-color:#bae385;opacity:.9;font-family:Inter,sans-serif;font-optical-sizing:auto;position:relative;z-index:100}nav .navigation{display:flex;width:100%;justify-content:space-between}nav .navigation .link{position:relative;height:10vh;width:15.63vw;display:flex;align-items:center;justify-content:center;gap:1.04vw;cursor:pointer;transition:background-color .3s ease-in-out;z-index:10}nav .navigation .link span{font-size:1.25vw;color:#fff;transition:transform .2s ease-in-out;pointer-events:none;line-height:1.2}nav .navigation .link img{width:1.04vw;height:auto;transition:transform .5s ease-in-out;pointer-events:none}nav .navigation .link .submenu{display:none;position:absolute;top:100%;left:0;width:100%;padding-top:.31vw;z-index:1000}nav .navigation .link .submenu .container{display:flex;flex-direction:column;width:100%;background-color:#515151;border:.31vw solid #bae385;border-radius:1.04vw;padding:1.5vh 0;gap:.63vh;box-shadow:0 .63vh 2.5vh #0000004d}nav .navigation .link .submenu .container a{font-family:Inria Sans,sans-serif;font-optical-sizing:auto;display:block;padding:1.88vh 1.56vw;font-size:1.25vw;text-decoration:none;font-weight:400;color:#fff;transition:all .3s ease;letter-spacing:.1vw;cursor:pointer;line-height:1.2}nav .navigation .link .submenu .container a:hover{background-color:#595959;transform:translateY(-.52vw)}nav .navigation .link .submenu .container a:first-child:hover{border-radius:.73vw .73vw 0 0}nav .navigation .link .submenu .container a:last-child:hover{border-radius:0 0 .73vw .73vw}nav .navigation .link:hover{background-color:#b6d58d}nav .navigation .link:hover span{transform:scale(1.1)}nav .navigation .link:hover img{transform:rotate(-180deg)}nav .navigation .link:hover .submenu{display:block}.nav-wrapper{position:relative;z-index:100;width:100%}@media(max-width:1024px){nav .navigation .link{width:12.5vw;gap:.52vw}nav .navigation .link span{font-size:1.04vw}nav .navigation .link img{width:.83vw}nav .navigation .link .submenu .container a{font-size:1.04vw;padding:1.5vh 1.04vw}}@media(max-width:768px){nav{height:auto;padding:2.5vh 3.13vw}nav .navigation{flex-wrap:wrap;gap:1.25vh}nav .navigation .link{width:30%;height:10vh}nav .navigation .link span{font-size:.94vw}nav .navigation .link .submenu{width:150%;left:-25%}nav .navigation .link .submenu .container a{font-size:.94vw}}