/* Layout rebuilt from the JxTieuNgao_Xua home page. The PHP content blocks stay untouched. */
:root{--old-ink:#0e1529;--old-gold:#e8d195;--old-red:#8e2121;--old-width:1234px}
html,body{background:#0e1529!important;color:#3c3020}
body{font-family:Arial,sans-serif;background-image:url('../images/legacy/bg-sec3.jpg')!important;background-position:center 1020px;background-repeat:no-repeat;background-size:1920px auto;background-attachment:scroll}
#wrapper{max-width:none!important;background:transparent!important;box-shadow:none!important;overflow:hidden}
.menu-bar-E0zemC{height:128px!important;background:#f5f1e8!important;border-bottom:1px solid #d3c2a3!important;position:relative!important;z-index:20}
.frame-125-YOTDIn{width:var(--old-width)!important;max-width:var(--old-width)!important;margin:0 auto!important}
.menu-3dPgCJ{height:128px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;position:relative}
.menu-3dPgCJ p{margin:0 13px!important;opacity:.8}.menu-3dPgCJ p img{width:19px!important;height:19px!important}
.menu-3dPgCJ a,.menu-3dPgCJ .dropdown>a{color:#0b1828!important;font-family:Georgia,serif!important;font-size:20px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;white-space:nowrap;text-decoration:none}
.menu-3dPgCJ a:hover,.menu-3dPgCJ .dropdown>a:hover{color:#ab0000!important;text-shadow:none}
.menu-3dPgCJ .legacy-center-logo{position:absolute!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;width:252px!important;height:177px!important;margin:0!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}
.menu-3dPgCJ .legacy-center-logo img{width:252px!important;height:177px!important;max-width:none!important;object-fit:contain!important;filter:none!important}
.dropdown-content{top:32px!important;background:#f5f1e8!important;border:1px solid #c2ad87!important}.dropdown-content a{font-size:15px!important;padding:8px!important}
.ag-main{background:transparent!important}
main.ag-main,section.ag-experiences{width:100%!important;max-width:none!important;float:none!important;clear:both!important}
.ag-banner{height:1027px!important;min-height:1027px!important;margin:0!important;background-image:url('../images/legacy/banner.jpg')!important;background-repeat:no-repeat!important;background-position:center top!important;background-size:cover!important;position:relative!important}
.ag-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 68%,rgba(14,21,41,.95) 100%);pointer-events:none}
.ag-banner .container-fluid{display:none!important}
.ag-experiences{position:relative!important;z-index:2;margin-top:-300px!important;padding:0 0 100px!important;background:url('../images/legacy/bg-sec3.jpg') center top/cover no-repeat!important;min-height:1400px!important}
.ag-experiences:before{content:'';position:absolute;inset:0;background:rgba(14,21,41,.18);pointer-events:none}.ag-experiences>.container-fluid{position:relative;z-index:1}
.ag-experiences>.container-fluid{width:var(--old-width)!important;max-width:var(--old-width)!important;margin:0 auto!important;padding:0 6px!important}
.ag-experiences>.container-fluid>.col-md-4{display:none!important}
/* Bootstrap's offset classes were making the legacy blocks occupy only the middle half. */
.ag-experiences>.container-fluid>div[class*="col-md-8"]{width:100%!important;max-width:none!important;float:none!important;display:block!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
.ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(2){height:0!important;position:relative!important;z-index:5}
.ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(2) .bg-btn{position:absolute!important;left:0!important;top:-5px!important;width:317px!important;height:auto!important;min-height:225px!important;background:#0e1529!important;padding:16px 8px 8px!important;border:0!important;box-shadow:none!important}
.ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(2) .list-btn{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px!important;padding:0!important}
.ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(2) .list-btn a{padding:0!important;max-width:none!important;display:block!important}
.ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(2) .list-btn a:first-child{grid-column:1 / 3}
.ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(2) .list-btn img{display:block!important;width:100%!important;height:auto!important}
.ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(3){padding-left:322px!important;box-sizing:border-box!important}
.ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(3)>.row{margin:0!important;background:#0e1529;padding:6px!important}
#slide-tintuc{height:320px!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:#101728!important}
#slide-tintuc img{object-fit:cover!important}
.ag-experiences .nav-tabs{background:transparent!important;border-bottom:1px solid #326268!important;padding:0!important}
.ag-experiences .nav-tabs .nav-link{font-family:Georgia,serif!important;font-size:21px!important;color:#cfa779!important;border:0!important;padding:15px 19px!important;background:transparent!important}
.ag-experiences .nav-tabs .nav-link.active{color:#fff!important;background:transparent!important;border:0!important;position:relative}
.ag-experiences .nav-tabs .nav-link.active:after{content:'';position:absolute;bottom:-6px;left:50%;width:39px;height:19px;transform:translateX(-50%);background:url('../images/legacy/tab_active.png') center/contain no-repeat}
.ag-experiences .tab-content{background:url('../images/legacy/bg_news_box.png') center/100% 100% no-repeat!important;border:0!important;padding:22px 20px!important;min-height:320px;color:#4a3b1b}
.ag-experiences .dot-news a{color:#4a3b1b!important;font-family:Arial,sans-serif!important;font-size:16px!important}.ag-experiences .time-news{color:#a8a8a8!important;font-size:14px!important}
.ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(4){padding-top:22px!important}
.social-container{height:187px!important;margin:0!important;padding:0!important;background:url('../images/legacy/bg_box_hotro.png') center/100% 100% no-repeat!important;border:0!important;position:relative!important}
.social-container>img{display:none!important}.list-social-btn{position:absolute!important;left:40px!important;top:75px!important;right:auto!important;width:245px!important;margin:0!important;display:flex!important;gap:8px!important}.img-btn-social{width:54px!important;height:auto!important}
.ag-experiences .tinh-nang-khung{background:url('../images/legacy/bg_monphai.jpg') center/cover!important;border:0!important;min-height:380px!important}
.bg-video{height:461px!important;background:url('../images/legacy/bg_vl_tv.png') center/100% 100% no-repeat!important;border:0!important;padding:110px 20%!important}
.bg-video #slide-video{height:318px!important}.bg-video #slide-video img{height:318px!important;object-fit:cover!important}
footer#footer{padding:28px 0 50px!important;background:#343841!important;border-top:0!important}.float{z-index:30!important}
@media(max-width:900px){
  .menu-bar-E0zemC{height:78px!important}.frame-125-YOTDIn{width:100%!important}.menu-3dPgCJ{height:78px!important;gap:5px!important;overflow:hidden}.menu-3dPgCJ p{display:none!important}.menu-3dPgCJ a,.menu-3dPgCJ .dropdown>a{font-size:11px!important}.menu-3dPgCJ .legacy-center-logo{width:100px!important;height:100px!important;left:50%!important;margin:0!important}.menu-3dPgCJ .legacy-center-logo img{width:100px!important;height:100px!important}
  .ag-banner{height:520px!important;min-height:520px!important;background-position:center top!important}.ag-experiences{margin-top:-60px!important;padding-bottom:30px!important}.ag-experiences>.container-fluid{width:100%!important;padding:0 12px!important}.ag-experiences>.container-fluid>.col-md-8:nth-of-type(2){height:auto!important}.ag-experiences>.container-fluid>.col-md-8:nth-of-type(2) .bg-btn{position:relative!important;top:auto!important;width:100%!important;min-height:0!important;padding:10px!important;background:#0e1529!important}.ag-experiences>.container-fluid>.col-md-8:nth-of-type(3){padding:10px 0 0!important}.ag-experiences>.container-fluid>.col-md-8:nth-of-type(3)>.row{padding:0!important}.ag-experiences .col-md-6{width:100%!important}.ag-experiences .col-md-6+ .col-md-6{margin-top:15px}.ag-experiences .nav-tabs .nav-link{font-size:13px!important;padding:10px 4px!important}.ag-experiences .tab-content{min-height:220px!important;padding:12px!important}.social-container{margin-top:15px!important}.bg-video{height:230px!important;padding:45px 8px!important}.bg-video #slide-video img{height:140px!important}.float{display:none!important}
}

/* Final legacy home alignment: keep PHP/data blocks, restore the Xua composition. */
@media(min-width:901px){
  .ag-banner{height:calc(100vh - 128px)!important;min-height:720px!important;background-size:cover!important;background-position:center top!important}
  .ag-experiences{margin-top:-250px!important;padding-bottom:90px!important;min-height:0!important}
  .ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(2){height:auto!important;position:static!important}
  .ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(2) .bg-btn{height:134px!important;margin-bottom:26px!important;padding:18px 26px!important;background:url('../images/legacy/bg_box_baotri.png') center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important}
  .ag-experiences .list-btn{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;padding:0!important}
  .ag-experiences .list-btn a{flex:0 1 150px!important;max-width:150px!important;padding:0!important}
  .ag-experiences .list-btn img{display:block!important;width:100%!important;height:auto!important}
  .ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(3){padding-top:0!important}
  .ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(3)>.row{display:flex!important;align-items:stretch!important;margin:0 -12px!important}
  .ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(3)>.row>.col-md-6{width:50%!important;max-width:50%!important;padding:0 12px!important}
  #slide-tintuc{height:390px!important;border:0!important;background:#101a2b!important}
  #slide-tintuc .swiper-slide img{height:390px!important;object-fit:cover!important}
  .ag-experiences .nav-tabs{padding:0 8px!important}
  .ag-experiences .tab-content{min-height:335px!important;padding:20px 22px!important}
  .ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(4){padding-top:35px!important}
}
@media(max-width:900px){
  .ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(2){height:auto!important;position:static!important}
  .ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(2) .bg-btn{height:auto!important;margin-bottom:15px!important}
  .ag-experiences .list-btn{height:auto!important}
  .ag-experiences .list-btn a{flex:0 1 44%!important;max-width:170px!important}
  .ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(3)>.row{display:block!important;margin:0!important}
  .ag-experiences>.container-fluid>div[class*="col-md-8"]:nth-of-type(3)>.row>.col-md-6{width:100%!important;max-width:100%!important;padding:0!important}
  #slide-tintuc,#slide-tintuc .swiper-slide img{height:auto!important;min-height:220px!important}
}