/* Only what inline styles cannot do: responsive rules + shared classes */
:root{--l:40px}
body{font-family:'Roboto',Arial,sans-serif;margin:0;overflow-x:hidden}
button{cursor:default}
.tp{display:flex;flex-wrap:wrap;background:#234c8d}.rc{display:contents}
.mb{background:#234c8d;color:#fff;border:0;padding:0;width:56px;height:64px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500}.mb svg{width:28px}.mt{display:none}
.hd{flex:1;height:64px;background:#0d1b36;position:relative;display:flex;align-items:center;justify-content:center;padding-right:64px;color:#fff}
.hd img{height:44px}.hd i{width:1px;height:28px;background:rgba(255,255,255,.35);margin:0 14px}
.sr{position:absolute;right:0;top:0;width:64px;height:100%;background:transparent;border:0;display:flex;align-items:center;justify-content:center}
.sb{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;background:#1a2f59;padding:12px 0;font-size:13px}
.sb a{color:#fff;text-decoration:none;padding:6px 20px}
.hero{background:#234c8d;position:relative;overflow:hidden;color:#fff}
.hp{display:none;width:100%;object-fit:cover}
.tri,.arw{display:none}
.hc{padding:40px 24px 28px;position:relative;z-index:2}
.hc h1{font-size:30px;font-weight:500;margin:6px 0 32px}
.hc ul{list-style:none;margin:0;padding:0}
.hc li a{display:flex;justify-content:space-between;align-items:center;height:48.5px;border-bottom:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.9);text-decoration:none;font-size:14px}
.hc li:last-child a{border:0}.hc li a:hover{color:#fff;text-decoration:underline}
.acc{width:138px;height:4px;background:#4f86d6;position:relative;margin:22px 0 40px}
.acc::before{content:"";position:absolute;left:0;top:-12px;width:92px;height:4px;background:#0d1b36}
.ttl{color:#234c8d;font-weight:900;font-size:clamp(26px,3.4vw,40px);line-height:1.15}
.btn-b{background:#234c8d;color:#fff;border:0;border-radius:8px;padding:16px 20px;font-weight:500;font-size:16px;text-transform:uppercase}
.btn-b:hover{background:#1a2f59;color:#fff}
.so{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#234c8d;color:#fff;margin:0 8px 8px 0;text-decoration:none;font-size:16px}
.so.w{background:#fff;color:#0d1b36}
.fi{background:#e4e9f2;border:0;border-radius:6px;padding:12px;font-size:14px;width:100%;color:#1a2f59}
.fi::placeholder{color:#6b7a94}.fi:focus{outline:2px solid #4f86d6}
footer h5{font-weight:900;font-size:17px;margin:0}
footer .al{width:138px;height:4px;background:#4f86d6;margin:10px 0 28px}
footer p{margin:0 0 14px;line-height:1.6}
.bn{background:#234c8d;position:relative;overflow:hidden;color:#fff;padding:18px 24px 40px}
.bc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px}
.bc a{color:#fff;text-decoration:none}.bc a:hover{text-decoration:underline}.bc i{color:#4aa8ff;font-size:12px}
.bt{font-size:30px;font-weight:500;margin:48px 0 0}
@media(min-width:992px){
 :root{--l:calc(40px + (100vw - 992px)*.38)}
 .rc{display:flex;flex-direction:column;flex:1}
 .mb{width:177px;height:123px;align-items:flex-start;justify-content:flex-start;padding:0 0 0 36px;font-size:20px}.mb svg{width:35px}.mt{display:inline}
 .mb>span{height:92px;display:flex;align-items:center;gap:15px}
 .hd{height:92px;padding-right:84px}.hd img{height:64px}.hd i{margin:0 15px 0 17px}
 .sr{width:91px;background:#0a1428}.sb{flex:none;flex-direction:row;justify-content:flex-end;height:31px;padding:0 19px 0 0;font-size:12.5px}.sb a{padding:0 20px;border-left:1px solid rgba(255,255,255,.7)}.sb a:first-child{border:0}.sb a:last-child{padding-right:0}
 .hero{height:545px}
 .hp{display:block;position:absolute;top:0;right:0;left:50.1%;width:49.9%;height:100%;object-position:left top;clip-path:polygon(0 0,100% 0,100% 100%,27.7% 100%)}
 .hc{position:absolute;left:var(--l);top:0;width:min(520px,calc(48vw - var(--l)));padding:75px 0 0}
 .hc h1{font-size:clamp(26px,2.6vw,33px);margin:8px 0 44px}
 .tri{display:block;position:absolute;left:0;bottom:0;width:116px;height:208px;background:#1f447f;clip-path:polygon(0 0,100% 100%,0 100%)}
 .arw{display:block;position:absolute;right:0;top:242px;width:234px;height:237px;z-index:-1}

 .bn{height:438px;padding:0}.bn .bc{position:absolute;left:var(--l);top:6px;z-index:2}
 .bn .bt{position:absolute;left:var(--l);bottom:62px;margin:0;font-size:clamp(28px,2.3vw,44px);z-index:2}
 .bn .hp{clip-path:polygon(0 0,100% 0,100% 100%,24.9% 100%)}.bn .tri{width:100px;height:176px}
}
a{color:#234c8d}
.breadcrumb-item a{text-decoration:none}.breadcrumb-item.active{color:#1a2f59}
.cc{background:#fff;border-radius:6px;box-shadow:0 4px 14px rgba(13,27,54,.25);padding:28px 16px;text-align:center;height:100%}
.cc i{font-size:34px;color:#234c8d}
.cc b{display:block;color:#234c8d;font-weight:900;font-size:18px;margin:10px 0 14px;word-break:break-word}
.gr{background:#f1f3f7}
footer a{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline}
.pwbox{position:relative}.pwbox .fi,.pwbox .form-control{padding-right:46px}
.eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:none;color:#6a7a99;font-size:18px;cursor:pointer}.eye:hover{color:#234c8d}