.nav_style{justify-content:space-between;align-items:center;width:67%;padding:0 50px;display:flex}.nav_style .logo{z-index:1}.nav_style .logo a{color:#363636;font-size:32px;font-weight:600;text-decoration:none}.nav_style .logo a span{color:var(--accent-color)}.nav_style .menu{align-items:center;gap:2.5rem;display:flex}.nav_style .menu ul{z-index:1;justify-content:center;align-items:center;gap:35px;font-size:18px;list-style:none;display:flex}.nav_style .menu ul li a{color:var(--primary-color);font-size:18px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav_style .menu ul li a:hover{color:var(--accent-color)}.nav_style .menu ul li a:hover:before{width:100%}.nav_style .menu ul li a:before{content:"";background:var(--accent-color);width:0;height:2.5px;transition:all .3s;position:absolute;bottom:-7px;left:0}.nav_style .mode{display:none}.nav_style .ham{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .4s;display:none}.nav_style .hamRotate.active{transform:rotate(45deg)}.nav_style .hamRotate180.active{transform:rotate(180deg)}.nav_style .line{fill:none;stroke:var(--text-color);stroke-width:5.5px;stroke-linecap:round;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.nav_style .ham8 .top{stroke-dasharray:40 160}.nav_style .ham8 .middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform .4s}.nav_style .ham8 .bottom{stroke-dasharray:40 85;transform-origin:50%;transition:transform .4s,stroke-dashoffset .4s}.nav_style .ham8.active .top{stroke-dashoffset:-64px}.nav_style .ham8.active .middle{transform:rotate(90deg)}.nav_style .ham8.active .bottom{stroke-dashoffset:-64px}.nav_style .line.active{stroke:var(--accent-color)}@media screen and (max-width:1280px){.nav_style{padding:0 50px}}@media screen and (max-width:1000px){.nav_style{background:var(--mobile-color)}.nav_style a{background:var(--mobile-color)}.nav_style a span{background:var(--mobile-color)}.nav_style .menu{background:var(--mobile-color)}.nav_style .menu ul{background:var(--mobile-color);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:30px;width:100%;max-width:100%;height:100vh;padding:30px 50px;transition:all .3s;position:fixed;top:90px;left:-100%}.nav_style .menu ul li a{font-size:22px}.nav_style .menu ul.active{left:0%}.nav_style .ham{background:var(--mobile-color);display:block}}