.navbar{z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;width:100%;transition:all .4s;position:fixed;top:0;box-shadow:0 2px 10px #00000014}.navbar.scrolled{background:#0b0b0b;box-shadow:0 5px 20px #0003}.nav-container{grid-template-columns:1fr auto 1fr;justify-content:space-between;align-items:center;max-width:1200px;margin:auto;padding:18px 30px;display:grid}.logo-box{justify-self:start;align-items:center;gap:10px;font-size:18px;font-weight:700;animation:.8s fadeIn;display:flex}.logo-box span{color:#111}.navbar.scrolled .logo-box span{color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-links{justify-self:center;gap:30px;display:flex}.nav-right{justify-self:end;align-items:center;gap:15px;margin-left:170px;display:flex}.nav-links a{color:#111;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.navbar.scrolled .nav-links a{color:#111}.nav-links a.active{font-weight:600}.nav-links a:after{content:"";background:currentColor;width:0%;height:2px;transition:all .3s;position:absolute;bottom:-5px;left:0}.nav-links a:hover:after{width:100%}.nav-btn{color:#fff;background:#111;border:none;border-radius:30px;padding:10px 22px;font-weight:600;transition:all .3s}.navbar.scrolled .nav-btn{color:#fff;background:#111}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger span{background:#111;width:25px;height:3px;transition:all .3s}.navbar.scrolled .hamburger span{background:#fff}@media (max-width:768px){.nav-links{background:#fff;flex-direction:column;align-items:center;gap:20px;width:100%;padding:25px;transition:all .4s;position:absolute;top:70px;left:0;transform:translateY(-200%)}.nav-links.active{transform:translateY(0)}.nav-btn{display:none}.hamburger{display:flex}}
.navbar{z-index:9999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #0000000f;align-items:center;width:100%;height:80px;display:flex;top:0;left:0;position:fixed!important}.navbar.scrolled{background:#fff;box-shadow:0 4px 18px #00000014}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;height:80px;margin:auto;padding:0 40px;display:flex}.logo-box{flex-shrink:0;align-items:center;display:flex}.logo-box img{object-fit:contain;width:auto;height:48px;transition:all .3s}.logo-box img:hover{transform:scale(1.03)}.nav-links{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.nav-links a{color:#111;letter-spacing:.2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #fff6;border-radius:18px;padding:12px 22px;font-size:17px;font-weight:600;transition:background .3s,color .3s,transform .3s,box-shadow .3s;box-shadow:0 4px 14px #0000000f;text-decoration:none!important}.nav-links a:before,.nav-links a:after{content:none!important;display:none!important}.nav-links a:hover{color:#d62828;background:#ffffffeb;transform:translateY(-2px);box-shadow:0 8px 22px #0000001f}.nav-links a.active{color:#d62828;background:#fff;border:1px solid #d628281f;box-shadow:0 8px 24px #d6282824}.quote-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:40px;padding:10px 22px;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #0000001f}.quote-btn:hover{background:#333;transform:translateY(-2px)}@media (max-width:1400px){.nav-container{padding:14px 30px}.nav-links{gap:18px}.nav-links a{padding:10px 18px;font-size:16px}}@media (max-width:1200px){.logo-box img{height:64px}.nav-links{gap:14px}.nav-links a{padding:10px 16px;font-size:15px}}@media (max-width:992px){.nav-container{padding:12px 24px}.logo-box img{height:42px}.nav-links{gap:10px}.nav-links a{padding:9px 14px;font-size:14px}}.hamburger{display:none}@media (max-width:768px){.nav-container{justify-content:space-between;align-items:center;height:80px;padding:0 18px}.logo-box img{height:38px}.nav-links{display:none}.nav-links.active{z-index:99999;background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:15px;display:flex;position:fixed;top:80px;left:15px;right:15px;box-shadow:0 10px 30px #0000001f}.nav-links.active a{text-align:center;width:100%}.hamburger{cursor:pointer;z-index:999999;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;position:fixed;top:20px;right:18px;display:flex!important}.navbar.scrolled .hamburger span{background:#111}.hamburger span{background:#d62828;border-radius:10px;width:28px;height:3px;transition:all .3s}}@media (max-width:480px){.nav-container{padding:0 14px}.logo-box img{height:34px}.nav-links.active{left:10px;right:10px}}