header{gap:24px;padding-left:4%;padding-right:4%}header nav{gap:20px;font-size:12px}header nav>a{white-space:nowrap}header .brand{flex-shrink:0}header .contact{white-space:nowrap}.nav-group{position:relative}.nav-group summary{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;list-style:none;padding:18px 0}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary span{font-size:14px;transition:transform .2s}.nav-group[open] summary span{transform:rotate(180deg)}header .nav-panel{position:absolute;top:100%;left:-24px;width:265px;padding:15px;background:white;color:#1c355e;box-shadow:0 15px 45px #082a4a26;border:1px solid #e6ebf0;border-radius:8px}header .nav-panel a{display:block;padding:12px 10px!important;font-size:13px!important;text-decoration:none;border:0!important;line-height:1.5}header .nav-panel a:hover,header .nav-panel a[aria-current=page]{background:#eef3f7;border-radius:4px}header a:focus-visible,header summary:focus-visible{outline:2px solid #85accc;outline-offset:5px}header nav>a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}@media(max-width:1150px){header{height:82px;justify-content:space-between;padding:0 6%}header .menu{display:block;font-size:24px}header .contact{margin-left:auto}header nav{display:none;position:absolute;top:82px;left:0;right:0;margin:0;background:white;color:#1c355e;padding:24px 6%;max-height:calc(100dvh - 110px);overflow-y:auto;box-shadow:0 15px 25px #082a4a20}header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}header nav>a{display:block;padding:14px 0!important;font-size:16px;border-bottom:1px solid #e8edf2!important}.nav-group summary{font-size:16px;justify-content:space-between;border-bottom:1px solid #e8edf2;padding:14px 0}header .nav-panel{position:static;width:auto;box-shadow:none;border:0;border-radius:0;background:#f3f6f9;padding:8px 12px;margin:4px 0 10px}header .nav-panel a{font-size:14px!important}.nav-group{width:100%}}@media(max-width:760px){header{height:76px}header nav{top:76px}header .contact{display:none!important}}

header nav .nav-contact{display:none}@media(max-width:1150px){header nav .nav-contact{display:block}}

@media(min-width:1151px){header{gap:18px;padding-left:3%;padding-right:3%}header nav{gap:16px;font-size:12px}}
