.nav{background-color:#f5f5f5;position:fixed;top:0;left:0;right:0;width:100%;z-index:100;box-shadow:var(--shadow);margin-top:5px;border-radius:10px;max-width:calc(100% - 20px);margin-left:10px;margin-right:10px;transition:opacity .3s ease,transform .3s ease}.nav.visible{opacity:1;transform:translateY(0)}.nav.hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.navContainer{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;max-width:1200px;margin:0 auto;flex-wrap:wrap}.menuToggle{display:none;font-size:1.5rem;cursor:pointer;color:var(--text-dark)}.navMenu{list-style:none;display:flex;gap:20px;margin:0;padding:0}.nav ul li{position:relative}.nav a{color:var(--secondary-color);text-decoration:none;padding:10px 15px;display:block;transition:color .3s ease,background-color .3s ease;white-space:nowrap}.nav a:hover{color:var(--secondary-color);background-color:#0000000d}.dropdown{display:none;position:absolute;top:100%;left:0;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:4px;list-style:none;padding:10px 0;min-width:200px;z-index:1000;max-width:100vw}.nav ul li:hover .dropdown{display:block}@media (max-width: 768px){.menuToggle{display:block}.navContainer{flex-wrap:wrap;justify-content:space-between}.navMenu{display:none;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background-color:var(--background-light);align-items:center;box-shadow:0 4px 8px #0000001a;border-radius:0 0 10px 10px;padding:10px 0}.navMenu.active{display:flex}.dropdown{position:static;box-shadow:none;background-color:#0000000d;display:none;width:100%;padding:0;margin:0}.dropdown a{color:#333;padding:8px 15px;text-align:center}.nav ul li.active-dropdown .dropdown{display:block}.nav ul li{width:100%;text-align:center}}.getaquote{padding:6px 14px;border:2px solid var(--secondary-color);color:var(--primary-color);background:transparent;border-radius:20px;font-size:14px;font-weight:600;transition:all .3s ease-in-out;cursor:pointer;align-items:center;display:inline-block;will-change:transform}@media (max-width: 768px){.navContainer{padding:10px}.getaquote{margin-bottom:5px;margin-top:5px;padding:5px 12px;font-size:13px}.nav img{width:120px;height:auto}}@media (max-width: 480px){.nav{max-width:calc(100% - 10px);margin-left:5px;margin-right:5px}.navContainer{padding:8px}.getaquote{padding:4px 10px;font-size:12px}}.logo-icon,.logo{color:var(--primary-color)}