.menu>ul{display:flex;align-items:center;gap:2rem}.menu-item{display:flex;position:relative}.menu-item>a:before{content:"";height:3px;position:absolute;bottom:0;width:0;transition:.5s;background-color:var(--primary-color)}.menu-item>a:is(.dark *):before{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.menu-item:hover>a:before{width:100%}.menu-item:hover>a,.menu-item.active>a{color:var(--primary-color)}.menu-item:hover>a:is(.dark *),.menu-item.active>a:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.menu-item>a{display:flex;align-items:center;font-size:.8rem;font-weight:600;text-transform:capitalize;position:relative;transition:display,position,text-transform .3s ease 0s;background:transparent;height:5rem;color:var(--bg-color)}.menu-item>a:is(.dark *){background-color:transparent;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.menu-item:hover .submenu{opacity:1;top:100%;visibility:visible}.menu-item .submenu{left:0;opacity:0;position:absolute;top:120%;transition:all .3s ease 0s;visibility:hidden;width:220px;z-index:9;text-align:left;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #e5e7eb;--tw-shadow: var(--tw-shadow-colored)}.menu-item .submenu:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(1 18 60 / var(--tw-bg-opacity, 1));--tw-shadow-color: #334155;--tw-shadow: var(--tw-shadow-colored)}.menu-item .submenu li{display:block}.menu-item .submenu li>a{margin:0;display:block;padding:.75rem 1.25rem;font-size:.875rem;line-height:1.25rem;text-transform:capitalize;color:var(--secondary-color)}.menu-item .submenu li>a:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.menu-item .submenu li>a:hover{background-color:var(--primary-color);--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.menu-item .submenu li>a:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(1 18 60 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.mobile-menu ul{list-style:none;margin:0;padding:0}.mobile-menu ul li{display:block}.mobile-menu ul li:hover>a{color:var(--primary-color)}.mobile-menu ul li:hover>a:is(.dark *){background-color:var(--bg-color);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.mobile-menu ul li a{padding:12px 0;display:block;font-size:14px;font-weight:600;text-transform:uppercase;position:relative;border-bottom-width:1px;border-bottom-color:#3741510d;color:var(--bg-color)}.mobile-menu ul li a:is(.dark *){border-bottom-color:#f3f4f60d;background-color:var(--bg-color);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.mobile-menu li[data-dropdown=yes]>a:after{position:absolute;content:"";width:8px;height:8px;border-width:2px 0 0 2px;border-style:solid;border-color:initial;right:16px;top:50%;transform:rotate(-45deg) translateY(-50%);transform-origin:top;transition:all .3s ease-out}.mobile-menu li[data-dropdown=yes].active>a:after{transform:rotate(-135deg) translateY(-50%)}.mobile-menu li[data-dropdown=yes].active>a{color:var(--primary-color)}.mobile-menu li[data-dropdown=yes].active>a:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.mobile-menu li[data-dropdown=yes]:has(ul.submenu.active) li a{height:46px;visibility:visible;opacity:1}.mobile-menu li[data-dropdown=yes]:has(ul.submenu.active) li a:before{visibility:visible;opacity:1}.mobile-menu .submenu{padding-left:0;list-style:none}.mobile-menu .submenu li{padding-left:1rem}.mobile-menu .submenu li>a{position:relative;padding:0 0 0 15px;text-transform:capitalize;font-size:13px;height:0;line-height:46px;visibility:hidden;opacity:0;transition:all .3s}.mobile-menu .submenu li>a:before{content:"";width:8px;height:8px;position:absolute;left:0;top:50%;transform:translateY(-50%);border:2px solid #6d8397;border-radius:50%;visibility:hidden;opacity:0;transition:all .3s}.aside-menu{position:fixed;isolation:isolate;z-index:60;top:0;transition:all .3s;transform:translate(450px);left:0}.aside-menu.active{transform:translate(0)}@media screen and (min-width:500px){.aside-menu{transform:translate(700px)}.aside-menu.active{transform:translate(calc(700px - 22rem))}}@media screen and (min-width:760px){.aside-menu{transform:translate(800px)}.aside-menu.active{transform:translate(calc(800px - 22rem))}}