nav{flex-wrap:wrap;justify-content:space-evenly;margin:0 auto;max-width:100vw;perspective:2000px;position:relative;top:12px;width:36rem;z-index:2}nav,nav .menu-item{display:flex;transform-style:preserve-3d}nav .menu-item{box-sizing:border-box;color:#777;flex-basis:auto;flex-grow:1;font-weight:600;justify-content:center;letter-spacing:.5px;min-height:4.5rem;padding:1em 1.5em;perspective:200px}nav .menu-text,nav .menu-text a{color:#777;font-size:15px;text-align:center;text-decoration:none;text-shadow:0 1px 5px rgba(0,0,0,.1);transition:color .2s ease-out}nav .menu-text a:hover{color:#1cb5f2}.menu-item .sub-menu{background:#fff;border:2px solid #eee;border-radius:10px;box-sizing:border-box;clip-path:inset(0 10em 10em 15em);color:rgba(0,0,0,.5);font-weight:400;margin-left:-5em;min-width:28rem;opacity:0;padding:2em;pointer-events:none;position:absolute;top:4rem;transition:all .25s ease-out,opacity .25s ease-in,margin-left .25s ease-out,clip-path .15s ease-out;z-index:999}.menu-item.double .sub-menu{display:grid;grid-template-columns:54% 50%;min-width:45rem}.menu-item.none .sub-menu{display:none}.menu-item:hover .sub-menu{clip-path:inset(0 0 0 0);pointer-events:all}.menu-text:after{border:10px solid transparent;border-bottom-color:#eee;bottom:-1rem;content:"";left:calc(50% - 10px);opacity:0;pointer-events:none;position:absolute;transition:bottom .25s ease-out,opacity .01s ease-out .01s;z-index:1000}.menu-item:hover .menu-text:after{bottom:.5em;opacity:1;transition:bottom .25s ease-out,opacity .01s ease-out .15s}.menu-item.none .menu-text:after{border:none}.menu-item:hover .sub-menu{margin-left:0;opacity:1}.menu-item .title{color:#555;font-weight:700;margin:0 0 .25em}.menu-item .icon-box *{position:relative;transition:all .3s ease-out}.menu-item .icon,.menu-item .text,.menu-item span[data-hs-cos-type=icon]{color:#999;float:left;text-decoration:none}.menu-item .icon,.menu-item .text .arrow-icon,.menu-item span.arrow-icon{float:none}.menu-item .icon,.menu-item .text .arrow-icon svg,.menu-item span.arrow-icon svg{height:.9em;margin-left:8px;vertical-align:bottom;width:.9em}.menu-item span[data-hs-cos-type=icon] svg{fill:#adadad;margin:5px 1em 0 0;max-height:1.5em;transition:all .1s ease-out;width:1.5em}.menu-item .icon-box{border-radius:.5em;cursor:pointer;float:left;height:4em;line-height:1em;margin:0 1em 0 -.5em;padding:.8em .5em;row-gap:0;width:100%}.menu-item .icon-box .text svg{clip-path:inset(0 100% 0 0);position:relative}.menu-item .icon-box .sub-text{font-size:15px}.icon-box .icon svg:before{-webkit-text-fill-color:transparent;-webkit-background-clip:text;padding-left:1px}.menu-item .icon-box:hover .text svg{clip-path:inset(0 0 0 0)}.menu-item .icon-box:hover{background:#eee}.menu-item .icon-box:hover .title{color:#1cb5f2}.menu-item .icon-box:hover .text svg,.menu-item .icon-box:hover span.arrow-icon[data-hs-cos-type=icon] svg,.menu-item .icon-box:hover span[data-hs-cos-type=icon] svg{fill:#1cb5f2}.bottom-container{align-items:end;color:#777;display:flex;font-size:.8rem;font-weight:700;height:50px;letter-spacing:.3px;padding-left:4px;padding-top:24px;text-transform:uppercase;width:100%}.top-container{grid-area:1/-3/1/3;height:3.5em!important;margin:0;margin-bottom:.8em!important}.bottom-container a{background:#eee;border-radius:100px;bottom:20px;color:#31343e;float:right;font-size:.7rem;font-weight:700;letter-spacing:.3px;padding:1em 1.4em;position:absolute;right:2em;text-decoration:none;text-transform:uppercase;transition:all .2s ease-out}.bottom-container a:hover{background:linear-gradient(135deg,#1cb5f2,#8679d1);background-size:110% 110%!important;color:#fff}