/* Institutional masthead. Scoped to the payment template, independent of checkout. */
body.in4-payments-r24 header.top{background:#fff;border:0;border-top:3px solid #203956;border-bottom:1px solid #e1e6ed;box-shadow:0 3px 18px #18324f04}
body.in4-payments-r24 header.top .top-in{box-sizing:border-box;max-width:1180px;width:100%;height:94px;min-height:94px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:23px}
body.in4-payments-r24 header.top a.logo{display:flex;align-items:center;gap:20px;min-width:0;flex-shrink:0;color:#1c3552;text-decoration:none}
body.in4-payments-r24 header.top .institution-logo-frame{display:flex!important;align-items:center;justify-content:center;flex:0 0 166px!important;width:166px!important;height:60px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
body.in4-payments-r24 header.top .institution-logo-frame img{width:166px!important;height:60px!important;max-width:100%!important;object-fit:contain!important;display:block}
body.in4-payments-r24 header.top .logo>span:last-child{display:block;border-left:1px solid #dbe2ea;padding:3px 0 3px 20px;min-width:0}
body.in4-payments-r24 header.top .logo b{display:block;font-family:"IN4 Figtree","IBM Plex Sans",Arial,sans-serif!important;font-size:18px!important;font-weight:650!important;line-height:1.25!important;letter-spacing:.13em!important;text-transform:uppercase;color:#1c3552}
body.in4-payments-r24 header.top .logo small{display:block;margin-top:5px;font-family:"IN4 Figtree","IBM Plex Sans",Arial,sans-serif!important;font-size:10px!important;line-height:1.4!important;font-weight:400!important;letter-spacing:.025em;color:#657388}
body.in4-payments-r24 header.top .sp{display:block!important;flex:1;min-width:0}
body.in4-payments-r24 header.top .secure{display:flex;align-items:center;gap:6px;flex-shrink:0;border:0;background:none;box-shadow:none;padding:0;font:400 11px/1.4 "IN4 Figtree",Arial,sans-serif;color:#66778a;border-radius:0;white-space:nowrap}
body.in4-payments-r24 header.top .secure b{display:none}
body.in4-payments-r24 header.top .secure svg{width:13px;height:13px;color:#718198}
body.in4-payments-r24 header.top .admin-entry{color:#66758a!important;font:500 11px/1.4 "IN4 Figtree",Arial,sans-serif!important;text-decoration:none!important;padding:8px 0;white-space:nowrap}
body.in4-payments-r24 header.top a.help{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;gap:8px;min-height:38px;padding:9px 13px!important;box-sizing:border-box;border:1px solid #cdd7e3!important;border-radius:5px!important;background:#fff!important;box-shadow:none!important;color:#203956!important;font:500 12px/1.3 "IN4 Figtree",Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap}
body.in4-payments-r24 header.top a.help:before{display:none!important}
body.in4-payments-r24 header.top a.help img,body.in4-payments-r24 header.top a.help svg{display:none!important}
body.in4-payments-r24 header.top a.help:after{content:'↗';font-size:14px;color:#60768f}
body.in4-payments-r24 header.top a.help:hover{background:#f3f6fa!important;border-color:#97a9bf!important}
body.in4-payments-r24 header.top a:focus-visible{outline:2px solid #597ca6;outline-offset:4px}
/* The institutional PNG has transparent outer space: retain the native crop. */
body.in4-payments-r24 header.top .institution-logo-frame img{position:absolute!important;left:-6%!important;right:auto!important;top:50%!important;bottom:auto!important;width:108%!important;height:auto!important;max-width:none!important;transform:translateY(-48%)!important;object-fit:initial!important}
@media(max-width:1000px){body.in4-payments-r24 header.top .secure{display:none}body.in4-payments-r24 header.top .top-in{gap:18px}}
@media(max-width:700px){
 body.in4-payments-r24 header.top .top-in{height:auto;min-height:84px;padding:12px 20px;gap:15px}
 body.in4-payments-r24 header.top .institution-logo-frame{flex-basis:136px!important;width:136px!important;height:52px!important}
 body.in4-payments-r24 header.top a.logo{gap:14px}
 body.in4-payments-r24 header.top .logo>span:last-child{padding-left:14px}
 body.in4-payments-r24 header.top .logo b{font-size:16px!important;letter-spacing:.1em!important}
 body.in4-payments-r24 header.top .logo small{max-width:142px;font-size:10px!important}
 body.in4-payments-r24 header.top .admin-entry{display:none}
}
@media(max-width:450px){
 body.in4-payments-r24 header.top .top-in{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px 18px;gap:10px 12px}
 body.in4-payments-r24 header.top a.logo{grid-column:1/-1;gap:14px}
 body.in4-payments-r24 header.top .institution-logo-frame{flex-basis:128px!important;width:128px!important;height:48px!important}
 body.in4-payments-r24 header.top .logo b{font-size:15px!important}
 body.in4-payments-r24 header.top .logo small{font-size:9px!important;max-width:146px}
 body.in4-payments-r24 header.top .sp{display:none!important}
 body.in4-payments-r24 header.top .admin-entry{display:inline-block;font-size:10px!important}
 body.in4-payments-r24 header.top a.help{font-size:11px!important;min-height:32px;padding:6px 10px!important}
}