@font-face{font-family:"Be Vietnam Pro";src:url("../fonts/be-vietnam-pro/be-vietnam-pro-400.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("../fonts/be-vietnam-pro/be-vietnam-pro-500.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("../fonts/be-vietnam-pro/be-vietnam-pro-600.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("../fonts/be-vietnam-pro/be-vietnam-pro-700.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}

body{font-family:"Be Vietnam Pro",Arial,sans-serif;color:#475569;font-size:16px;line-height:1.75;background:#fff}
h1,h2,h3,h4,h5,h6,.btn,input,select,textarea{font-family:"Be Vietnam Pro",Arial,sans-serif}
h2,h3{color:#142b46}p{line-height:1.75}
.ftco-degree-bg:before,.ftco-degree-bg:after{display:none}
.hero-wrap{background:#102b48 url('../images/content-new/construction-hero.jpg') center right/cover no-repeat!important;min-height:720px!important;padding-top:0;padding-bottom:0}
.hero-wrap>.goclick-hero-photo{display:none}
.hero-wrap>.overlay{display:block!important;height:100%;background:linear-gradient(90deg,rgba(7,25,46,.95) 0%,rgba(7,25,46,.82) 35%,rgba(7,25,46,.36) 62%,rgba(7,25,46,.06) 100%)}
.hero-wrap>.container{padding-top:164px;padding-bottom:96px}
.hero-wrap .slider-text{min-height:430px;align-items:center!important}
.hero-wrap .slider-text>.col-lg-8{flex:0 0 58%;max-width:58%}
.hero-wrap .slider-text .text{text-align:left!important;max-width:680px}
.hero-wrap .slider-text h1{color:#fff;font-size:clamp(38px,3.4vw,58px)!important;line-height:1.2;font-weight:700;letter-spacing:-.025em;margin-top:18px}
.hero-wrap .slider-text p{color:#e4edf8;font-size:17px!important;max-width:610px;margin-bottom:0;line-height:1.8}
.goclick-hero-eyebrow{display:inline-block;color:#b8dbff;font-size:12px;font-weight:600;letter-spacing:.09em;line-height:1.7}
.hero-wrap .goclick-hero-actions{justify-content:flex-start;margin-top:32px;gap:14px;padding:0}
.btn{font-weight:600!important;border-radius:10px;line-height:1.5}
.btn.btn-primary{background:#0d6efd!important;border-color:#0d6efd!important;color:#fff!important;box-shadow:0 8px 22px rgba(13,110,253,.2)}
.btn.btn-primary:hover,.btn.btn-primary:focus{background:#0d6efd!important;border-color:#0d6efd!important;color:#fff!important;transform:translateY(-3px);box-shadow:0 12px 28px rgba(13,110,253,.25)}
.hero-wrap .goclick-hero-secondary-cta{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:none!important}
.hero-wrap .goclick-hero-secondary-cta:hover{background:rgba(255,255,255,.1)!important;transform:translateY(-3px)}
#ftco-navbar{padding-top:14px;padding-bottom:14px}
#ftco-navbar .navbar-nav>.nav-item.active>.nav-link{color:#0d6efd!important}
#ftco-navbar #ftco-nav .navbar-nav>.nav-item:last-child>.nav-link{background:#0d6efd;color:#fff!important;border-radius:10px}
.ftco-section{padding-top:76px;padding-bottom:76px}
.ftco-section.ftco-no-pb{padding-bottom:36px}
.heading-section{margin-bottom:32px}
.heading-section h2{font-size:clamp(26px,2.4vw,38px);line-height:1.3;font-weight:700;letter-spacing:-.02em;margin-bottom:18px}
.heading-section>p{max-width:820px;margin-left:auto;margin-right:auto;color:#64748b}
.heading-section .subheading{color:#0d6efd;font-size:12px;letter-spacing:.1em;font-weight:600;margin-bottom:12px}
#features .row.d-flex>[class*="col-"],#du-lieu-lien-thong .row.d-flex>[class*="col-"]{padding-bottom:24px}
#features .services,#du-lieu-lien-thong .services{width:100%;margin-bottom:0;padding:26px 20px;border:1px solid #e3ebf4;border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(16,44,77,.035);transition:transform .3s ease,box-shadow .3s ease}
#features .services:hover,#du-lieu-lien-thong .services:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(16,44,77,.08)}
#features .services .icon,#du-lieu-lien-thong .services .icon{width:64px;height:64px;margin:0 auto 18px;background:#edf5ff;border-radius:16px}
#features .services .icon span,#du-lieu-lien-thong .services .icon span{color:#0d6efd;font-size:30px}
#features .services h3,#du-lieu-lien-thong .services h3{font-size:18px;font-weight:600;line-height:1.4}
#features .services p,#du-lieu-lien-thong .services p{font-size:14px;line-height:1.75}
#features .media-body,#du-lieu-lien-thong .media-body{padding-top:0!important;padding-bottom:0!important}
.goclick-dept-card,.goclick-portal-card,.goclick-task-card,.goclick-model-card,.goclick-outcome-card{border-radius:16px;border-color:#e3ebf4;box-shadow:0 6px 22px rgba(16,44,77,.035)}
.goclick-dept-card h3,.goclick-portal-card h3{font-size:21px;font-weight:600;line-height:1.4}
.goclick-dept-card p,.goclick-portal-card p{font-size:15px;line-height:1.75}
.goclick-clarity-section{background:#f5f8fc;padding:72px 0}
.goclick-clarity-content h2{font-weight:700;font-size:clamp(28px,2.5vw,38px)}
#contact{background:#f5f8fc}
#contact .contact-form{background:#fff;border:1px solid #e3ebf4;border-radius:20px;box-shadow:0 16px 48px rgba(16,44,77,.06)}
#contact .form-control{border-radius:10px;border-color:#dae3ef;min-height:52px}
#qtvh{margin-left:0!important;margin-right:0!important;border-radius:0}
@media(min-width:1200px){#qtvh .goclick-content-photo{max-width:960px;margin-left:auto;margin-right:auto}}
@media(max-width:1199.98px){
 .hero-wrap{min-height:680px!important;padding-top:0}
 .hero-wrap>.container{padding-top:146px;padding-bottom:72px}
 .hero-wrap .slider-text>.col-lg-8{flex:0 0 68%;max-width:68%}
 .hero-wrap .slider-text{min-height:430px}
 .hero-wrap .slider-text h1{font-size:40px!important}
 #ftco-navbar{padding-top:10px;padding-bottom:10px}
}
@media(max-width:767.98px){
 .hero-wrap{min-height:650px!important;background-position:68% center!important}
 .hero-wrap>.overlay{background:linear-gradient(90deg,rgba(7,25,46,.93),rgba(7,25,46,.70))}
 .hero-wrap>.container{padding-top:130px;padding-bottom:64px}
 .hero-wrap .slider-text{min-height:440px}
 .hero-wrap .slider-text>.col-lg-8{flex:0 0 100%;max-width:100%}
 .hero-wrap .slider-text h1{font-size:clamp(30px,8vw,38px)!important;line-height:1.25}
 .hero-wrap .slider-text p{font-size:16px!important;line-height:1.75}
 .goclick-hero-eyebrow{font-size:10px;letter-spacing:.05em}
 .hero-wrap .goclick-hero-actions{flex-direction:column;align-items:stretch;gap:12px}
 .hero-wrap .goclick-hero-actions .btn{width:100%;min-height:52px}
 .ftco-section,.ftco-section.ftco-no-pb{padding-top:48px;padding-bottom:32px}
 .heading-section{margin-bottom:24px}
 .heading-section h2{font-size:26px}
 #features .services,#du-lieu-lien-thong .services{text-align:left!important;padding:24px}
 #features .services .icon,#du-lieu-lien-thong .services .icon{margin-left:0;margin-right:0}
 .goclick-dept-card,.goclick-portal-card{padding:24px 20px}
}

/* Workflow photograph spans the entire section, like the hero background. */
#qtvh{background:#102c4d url('../images/content-new/office-site-workflow.jpg') center center/cover no-repeat!important;min-height:620px;display:flex;align-items:center;background-attachment:scroll}
#qtvh>.overlay{display:block;position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(120deg,rgba(6,23,43,.84),rgba(6,23,43,.62));opacity:1}
#qtvh>.container{position:relative;z-index:2;width:100%}
#qtvh .heading-section{margin-bottom:44px}
#qtvh .heading-section h2{font-weight:700;line-height:1.25;text-wrap:balance}
#qtvh .goclick-process-step{background:rgba(255,255,255,.97);border-color:rgba(255,255,255,.65);box-shadow:0 12px 32px rgba(4,17,31,.16)}
@media(max-width:1199.98px){#qtvh{min-height:0;background-position:60% center}}
@media(max-width:767.98px){#qtvh{background-position:65% center}#qtvh>.overlay{background:rgba(6,23,43,.79)}#qtvh .heading-section{margin-bottom:28px}}

/* Contact section: clear field labels, comfortable spacing and consistent cards. */
#contact{background:linear-gradient(180deg,#f4f8fd,#eef4fc);padding-top:80px;padding-bottom:64px}
#contact .goclick-contact-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:start}
#contact .goclick-contact-intro{padding:30px 8px 20px 0}
#contact .goclick-contact-eyebrow{display:block;margin-bottom:16px;color:#0d6efd;font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1.7}
#contact .goclick-contact-intro h2{font-size:clamp(28px,2.5vw,36px);font-weight:700;line-height:1.3;letter-spacing:-.02em;margin-bottom:20px;color:#142b46;text-wrap:balance}
#contact .goclick-contact-intro>p{font-size:15px;line-height:1.8;color:#52647b}
#contact .goclick-demo-topics{list-style:none;padding:0;margin:24px 0;display:grid;gap:14px}
#contact .goclick-demo-topics li{display:flex;gap:12px;align-items:flex-start;color:#203c5c;font-size:14px;font-weight:500;line-height:1.7}
#contact .goclick-demo-topics li>span{color:#0d6efd;font-size:21px;line-height:1.15;flex:0 0 22px;margin-top:2px}
#contact .goclick-demo-scope{border-left:3px solid #a8cbff;padding-left:14px;font-size:13px!important;color:#64748b!important}
#contact #w3n-submit-form{padding:32px!important;margin:0;min-width:0;border:1px solid #dce6f3;border-radius:20px;box-shadow:0 16px 48px rgba(16,44,77,.07);background:#fff}
#contact #w3n-submit-form>.row{margin-left:-10px;margin-right:-10px}
#contact #w3n-submit-form>.row>.col-md-6{padding-left:10px;padding-right:10px}
#contact #w3n-submit-form .form-group{margin-bottom:20px}
#contact .goclick-field-label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#203c5c;line-height:1.5}
#contact .goclick-field-label:after{content:" *";color:#0d6efd}
#contact #w3n-submit-form .form-control{width:100%;min-height:50px;height:auto;padding:12px 14px!important;line-height:1.5;border-radius:10px;border:1px solid #d4dfed;background:#fff;color:#243b55;font-size:16px;box-shadow:none}
#contact #w3n-submit-form .form-control:focus{border-color:#0d6efd;box-shadow:0 0 0 3px rgba(13,110,253,.1)}
#contact #w3n-submit-form .form-control::placeholder{color:#8492a5;font-size:14px}
#contact #w3n-submit-form select.form-control{padding-right:32px!important;white-space:nowrap;text-overflow:ellipsis}
#contact #w3n-submit-form .goclick-contact-submit{width:100%;min-width:0;min-height:52px;padding:14px 20px!important;margin:0;white-space:normal}
#contact .contact-info{margin-top:28px;margin-bottom:0!important}
#contact .contact-info>.col-12>.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0!important}
#contact .contact-info .col-md-4{flex:none;width:100%;max-width:none;padding:24px 20px!important;margin:0;background:rgba(255,255,255,.86);border:1px solid #dce6f3!important;border-radius:16px;text-align:left!important;min-width:0}
#contact .contact-info .icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#edf5ff;border-radius:11px;color:#0d6efd;margin-bottom:14px;font-size:20px}
#contact .contact-info p{font-size:14px;line-height:1.8;margin-bottom:0;color:#52647b;overflow-wrap:anywhere}
#contact .contact-info p>span{display:block;color:#203c5c;font-size:13px;font-weight:600;margin-bottom:6px}
#contact .contact-info a{color:#203c5c;font-weight:500;overflow-wrap:anywhere}
@media(max-width:991.98px){
 #contact .goclick-contact-panel{grid-template-columns:1fr;gap:20px}
 #contact .goclick-contact-intro{padding:0;max-width:720px}
 #contact .goclick-demo-topics{margin:18px 0}
 #contact .contact-info>.col-12>.row{grid-template-columns:1fr;gap:12px}
}
@media(max-width:575.98px){
 #contact{padding-top:48px;padding-bottom:40px}
 #contact #w3n-submit-form{padding:22px 18px!important;border-radius:16px}
 #contact .goclick-contact-intro h2{font-size:28px}
 #contact #w3n-submit-form .form-group{margin-bottom:18px}
 #contact .contact-info .col-md-4{padding:20px!important}
}