.header-top{display:flex;justify-content:space-between;align-items:center;padding:30px;flex-wrap:wrap;position:relative;z-index:1}.header-rogo{flex:1}.header-util{padding-left:2em}.nav-top{background:#fff;border-top:1px #ff7f00 solid;border-bottom:1px #ff7f00 solid;padding:15px 20px}.nav-container{display:flex;justify-content:center;align-items:center;width:100%}#top-menu{display:flex;justify-content:center;gap:30px;padding:0;margin:0;text-align:center;width:100%}#top-menu li{list-style:none}#top-menu a{color:#ff7f00;text-decoration:none;font-weight:700;align-items:center}.menu-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:12px 12px 5px;background-color:#ff7f00;color:#fff;border:none;border-radius:5px;font-weight:700;font-size:12px;z-index:9999}.menu-label{color:#fff;font-size:12px}.menu-icon{width:20px;height:2px;background:#fff;box-shadow:0 6px 0 0 #fff,0 12px 0 0 #fff;content:''}body.drawer-open{overflow:hidden}.nav-drawer{display:none}.nav-drawer.active{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:80%;height:100%;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.1);padding:40px 20px;z-index:10000;transform:translateX(0);transition:transform .3s ease-in-out}.nav-drawer .close-btn{align-self:flex-end;font-size:24px;cursor:pointer;background:0 0;border:none;margin-bottom:20px}.nav-drawer nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:30px;font-size:18px}.nav-drawer nav ul li{list-style:none}.nav-drawer nav ul li a{color:#333;text-decoration:none;font-weight:700}@media (max-width:768px){.header-top{justify-content:space-between;align-items:center;padding:20px}.header-util,.nav-top{display:none !important}.menu-toggle{display:flex !important;position:absolute;top:20px;right:20px;background-color:#ff7f00;color:#fff}}