/* Homepage only: keep the footer after the complete hero and improve text contrast. */
body.home-layout{display:flex!important;flex-direction:column;min-height:100vh}.home-layout #header{position:relative;top:0;flex:none}.home-layout #container.main_wrap{position:relative;flex:none;height:max(640px,calc(100vh - 250px));min-height:640px;overflow:hidden}.home-layout #container>form{height:100%;margin:0}.home-layout .main_wrap+footer{position:relative;left:auto;bottom:auto;margin-top:auto;flex:none;clear:both}.home-layout .bg_wrap{position:absolute;top:0!important;left:0;height:100%;z-index:0}.home-layout .bg_wrap .bx-wrapper,.home-layout .bg_wrap .bx-viewport,.home-layout .bg_wrap .bxsilde,.home-layout .bg_wrap .bxsilde>div{height:100%!important}.home-layout .bg_wrap .bxsilde>div{position:relative;background-size:cover}.home-layout .bxsilde>div::before{height:100%;background:rgba(255,255,255,.08)}.home-layout .main_wrap::before,.home-layout .main_wrap::after{display:none}
.home-layout .bg_wrap .bxsilde>div>.common_layer{position:absolute;top:clamp(45px,8vh,100px);left:max(25px,calc((100% - 1200px)/2 + 25px));width:560px;min-width:0;max-width:calc(100% - 50px);padding:25px 30px!important;margin:0;text-align:left!important;background:rgba(255,255,255,.9);border-left:5px solid #075aa8;border-radius:4px;box-shadow:0 4px 22px #183b601a;color:#173b59!important;font-size:20px!important;line-height:1.7!important;letter-spacing:-.4px;text-shadow:none!important;box-sizing:border-box;z-index:2}.home-layout .bg_wrap .bxsilde>div>.common_layer p{color:#123a5d!important;font-size:clamp(29px,2.35vw,42px)!important;line-height:1.4!important;font-weight:700;margin:0 0 12px!important;text-shadow:none!important}.home-layout .main_wrap>form>.common_layer,.home-layout .main_wrap>.common_layer{position:static}.home-layout .main_icon{position:absolute;top:auto;bottom:35px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;width:calc(100% - 50px);max-width:1150px;margin:0;z-index:3}.home-layout .main_icon::after{display:none}.home-layout .main_icon li{float:none;margin:0!important}.home-layout .main_icon li a{width:100%;height:155px;padding-top:20px;background:rgba(255,255,255,.92);color:#133e65!important;box-sizing:border-box;font-size:22px;text-shadow:none}.home-layout .main_icon li a font{color:#133e65!important}.home-layout .main_icon li a:hover{background:#fff;color:#005bac!important}.home-layout .bg_wrap .bx-controls{bottom:210px;z-index:3}
@media(max-width:1099px){.home-layout #container.main_wrap{height:850px;min-height:850px}.home-layout .main_icon{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:600px;bottom:35px}.home-layout .main_icon li a{height:145px;font-size:20px}.home-layout .bg_wrap .bxsilde>div>.common_layer{left:25px;width:560px;font-size:18px!important}.home-layout .bg_wrap .bx-controls{bottom:365px}}

/* v10: anchor carousel controls to the hero, not the browser viewport. */
.home-layout .bg_wrap .bx-wrapper{position:relative}.home-layout .bg_wrap .bxsilde>div{overflow:hidden}
.home-layout .bg_wrap .bx-controls{position:absolute;left:50%;right:auto;bottom:215px;transform:translateX(-50%);width:auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 14px;background:rgba(10,40,65,.8);border-radius:24px;white-space:nowrap;z-index:4}
.home-layout .bg_wrap .bx-controls .bx-pager,.home-layout .bg_wrap .bx-controls .bx-controls-auto{position:static;display:flex;align-items:center;justify-content:center;gap:4px;height:15px;margin:0;padding:0}.home-layout .bg_wrap .bx-controls .bx-pager-item{display:block;height:15px;line-height:15px;margin:0 2px}.home-layout .bg_wrap .bx-controls .bx-pager-item a{margin:0;vertical-align:top}.home-layout .bg_wrap .bx-pager-item a.active{background:#ffe04a;color:#ffe04a}.home-layout .bg_wrap .bx-controls a:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1099px){.home-layout .bg_wrap .bx-controls{bottom:370px}}

/* v11: remove the legacy fourth-card anchor offset inside the grid. */
.home-layout .main_icon>li>a,.home-layout .main_icon>li:nth-child(4)>a{margin:0!important}

@media (max-width: 1099px) {
    body.home-layout { min-height: 100vh; min-height: 100dvh; }
    .home-layout #container.main_wrap { flex-grow: 1; }
    .home-layout > .banner_close { display: none; }
}
