.header{z-index:39;background:#fff;position:relative}.header-inner{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.logo a{color:#000;font-size:32px;font-weight:800;text-decoration:none}.nav-list{gap:32px;margin:0;padding:0;list-style:none;display:flex}.nav-list a,.nav-list span{color:#0f172a;cursor:pointer;padding:8px 0;font-size:16px;font-weight:600;text-decoration:none}.nav-list>li>a,.nav-list>li.has-mega>span{position:relative}.nav-list>li>a:after,.nav-list>li.has-mega>span:after{content:"";background:#c71f16;width:0;height:3px;transition:width .3s;position:absolute;bottom:-10px;left:0}.nav-list>li>a:hover:after,.nav-list>li.has-mega:hover>span:after,.nav-list>li.has-mega.active>span:after{width:100%}.has-mega .mega-menu.active{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu{opacity:0;visibility:hidden;z-index:41;background:#f8f8f8;gap:80px;width:900px;padding:40px;transition:all .25s;display:flex;position:absolute;top:100px;left:24px;transform:translateY(-10px);box-shadow:0 20px 40px #00000014}.mega-column{flex-direction:column;gap:20px;display:flex}.mega-column a{color:#0f172a;font-size:18px;font-weight:600;text-decoration:none;transition:color .2s}.mega-column a:hover{color:#c71f16}@media (min-width:1024px){.nav-list>li{margin-right:6px}}