.contact-main{font-family:'Roboto',Arial,sans-serif;color:#16386d;background:white}.contact-main .icon{width:20px;height:20px;flex:none}.contact-main h2{font-size:25px;line-height:1.25;margin:0 0 12px;letter-spacing:-.4px}.contact-main h3{font-size:14px;line-height:1.5;margin:0 0 8px}.contact-main p{font-size:13px;line-height:1.6}.contact-hero{background:linear-gradient(90deg,#06223ce8,#0b293588 55%,#132e3866),url('../assets/hero-background.png') center/cover;color:white}.contact-hero-inner{position:relative;height:320px;display:flex;align-items:center}.contact-hero-inner>div{width:53%;z-index:2;position:relative}.contact-breadcrumb{font-size:10px!important;margin:0 0 11px}.contact-breadcrumb a{color:inherit;text-decoration:none}.contact-hero h1{font-size:36px;line-height:1.2;margin:0 0 12px;letter-spacing:-.7px;white-space:normal}.contact-hero h1 em{font-style:normal;color:#ffab21;white-space:normal}.contact-hero-inner>div>p:not(.contact-breadcrumb){font-size:15px;line-height:1.5;margin:0 0 18px}.contact-hero-tags{display:flex;flex-wrap:wrap;gap:15px;font-size:9px}.contact-hero-tags span{display:flex;align-items:center;gap:6px}.contact-hero-tags .icon{width:17px;height:17px;color:#ffbd47}.contact-hero-inner>img{position:absolute;bottom:0;left:52%;height:300px;width:285px;object-fit:contain;object-position:bottom}.contact-hero blockquote{position:absolute;right:0;top:85px;max-width:24%;margin:0;font:19px/1.65 'Segoe Print',cursive;transform:rotate(-6deg);text-shadow:0 1px 4px #0b1627}.contact-hero blockquote span{display:block;text-align:right}.contact-top-grid{display:grid;grid-template-columns:1.1fr 1.2fr .9fr;gap:22px;padding:25px 0}.contact-info>p:not(.cp-kicker){color:#7b8fb3;font-size:12px}.contact-info-box{padding:14px;background:linear-gradient(120deg,#fff9eb,#fcfcfe);border-radius:8px;margin:13px 0 17px}.contact-info-box>div{display:flex;gap:14px;align-items:center;margin-bottom:16px}.contact-info-box>div:last-child{margin:0}.contact-info-box .icon{width:35px;height:35px;border-radius:50%;padding:8px;color:white;background:linear-gradient(#ffd382,#ffa21f)}.contact-info-box small{font-size:10px;color:#8295b7;display:block;margin-bottom:4px}.contact-info-box a{color:#294775;text-decoration:none;font-size:13px;overflow-wrap:anywhere;font-weight:600}.contact-info-box span{min-width:0}.contact-info-box b{font-size:12px;font-weight:400;line-height:1.6}.contact-info>h3{font-size:12px}.contact-socials{display:flex;gap:10px;flex-wrap:wrap}.contact-socials button,.contact-socials a{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border:0;border-radius:50%;background:#315ed7;color:white;cursor:pointer}.contact-socials button:first-child{background:#f04b39}.contact-socials button:nth-child(3){background:#162437}.contact-socials button:nth-child(4){background:linear-gradient(130deg,#8157be,#ef5a92)}.contact-socials button:nth-child(5){background:#1e90bb}.contact-socials a{background:#16366d}.contact-socials .icon{width:17px;height:17px}.contact-form-panel{background:#fafbfd;padding:17px;border-radius:8px;scroll-margin-top:90px}.contact-form-panel h2{font-size:20px}.contact-form-panel>p{font-size:11px;color:#8194b7;margin:0 0 14px}.contact-form-panel label{display:block;font-size:11px;line-height:1.6;color:#294876;margin-bottom:13px}.contact-form-panel label>span{color:#ee644e}.contact-form-panel input,.contact-form-panel select,.contact-form-panel textarea{display:block;margin-top:5px;width:100%;min-width:0;border:1px solid #e2e8f3;border-radius:5px;background:white;font:inherit;font-size:11px;color:#35588f;padding:9px}.contact-form-panel input::placeholder,.contact-form-panel textarea::placeholder{color:#a0adc0}.contact-form-panel textarea{resize:vertical;min-height:125px;line-height:1.7}.contact-form-row{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.contact-form-panel .cp-button{width:100%;font-size:11px!important;min-height:39px}.contact-form-note{font-size:9px!important;line-height:1.6;color:#9aa8c1;margin:9px 0 0}#contact-status{font-size:11px;line-height:1.6;color:#2a956e;margin:8px 0 0}#contact-status:empty{display:none}.contact-faq h2{font-size:20px}.contact-faq details{border:1px solid #e6ebf6;border-radius:6px;margin-bottom:8px;background:white;padding:9px}.contact-faq summary{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:11px;line-height:1.5;list-style:none;cursor:pointer}.contact-faq summary::-webkit-details-marker{display:none}.contact-faq summary .icon{width:18px;height:18px;background:#edf2fa;border-radius:50%;padding:3px}.contact-faq details[open] summary .icon{transform:rotate(180deg)}.contact-faq details p{font-size:11px;line-height:1.7;color:#7e94b6;margin:10px 0 0}.contact-ai{display:flex;align-items:center;gap:10px;background:#fff8ed;padding:12px;border-radius:8px;margin-top:17px}.contact-ai>img{width:70px;height:88px;object-fit:contain;flex:none}.contact-ai h3{font-size:11px;margin:0 0 6px}.contact-ai p{font-size:9px;color:#899bb9;margin:0 0 9px}.contact-ai .cp-button{font-size:10px!important;min-height:31px;padding:7px 13px}.contact-cooperation{padding:0 0 24px}.contact-cooperation>p:not(.cp-kicker){font-size:12px;color:#7f94b7;max-width:800px;margin:0 0 16px}.cooperation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.cooperation-grid article{min-width:0;border:1px solid #e8edf7;border-radius:8px;background:white;overflow:hidden;box-shadow:0 3px 10px #1c385a07}.cooperation-image{height:140px;position:relative}.cooperation-image>img{width:100%;height:100%;object-fit:cover}.cooperation-image.huy{background:url('../assets/about/library.webp') center/cover}.cooperation-image.huy>img{object-fit:contain;object-position:center top}.cooperation-image>span{position:absolute;left:13px;bottom:-20px;border-radius:50%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:#ffaa29;background:white;box-shadow:0 2px 6px #213b4b0a}.cooperation-image .icon{width:25px;height:25px}.cooperation-grid article>div:last-child{padding:25px 15px 14px}.cooperation-grid h3{font-size:14px}.cooperation-grid p{font-size:12px;line-height:1.6;color:#8295b6;margin:0 0 12px}.cooperation-grid button{border:0;background:none;font:inherit;font-size:11px;color:#ed9230;padding:0;cursor:pointer}.contact-office{display:grid;grid-template-columns:1.1fr 1.25fr 1fr;gap:18px;padding:0 0 22px;align-items:stretch}.contact-office h2{font-size:24px}.contact-office>div>p:not(.cp-kicker){font-size:12px;color:#8295b7}.office-address{display:flex;gap:11px;align-items:center;background:#fff8ed;padding:12px;border-radius:8px}.office-address>.icon{width:30px;height:30px;color:#faa122}.office-address b{font-size:11px;font-weight:500}.office-address p{font-size:10px;color:#7e92b5;margin:4px 0 0}.contact-map{position:relative;display:block;min-height:210px;border-radius:8px;overflow:hidden;text-decoration:none;background:#edf2ee}.contact-map>img{width:100%;height:100%;object-fit:cover}.contact-map>span{position:absolute;left:8px;right:8px;bottom:8px;padding:7px 10px;background:#ffffffec;color:#416294;font-size:9px;border-radius:4px;text-align:center}.office-images{display:grid;grid-template-rows:1fr 1fr;gap:8px;min-height:210px}.office-images img{width:100%;height:100%;max-height:125px;object-fit:cover;border-radius:7px}.contact-main .cp-cta p{font-size:11px;color:#7287aa;line-height:1.6;margin:0}.contact-main .cp-cta h2{font-size:21px}.contact-main :focus-visible{outline:2px solid #eab247;outline-offset:3px}#contact-dialog{width:calc(100% - 28px);max-width:430px;border:1px solid #e2e9f6;border-radius:12px;padding:24px;color:#254782}#contact-dialog::backdrop{background:#14253d66}#contact-dialog>button{float:right;background:none;border:0;font-size:26px;cursor:pointer}#contact-dialog h2{font-size:19px}#contact-dialog p{font-size:13px;line-height:1.8;color:#7b91b4}@media(max-width:1150px){.contact-top-grid{gap:16px;grid-template-columns:1fr 1.2fr 1fr}.contact-info h2{font-size:22px}.contact-info-box{padding:11px}.contact-info-box a{font-size:11px}.contact-info-box>div{gap:10px}.contact-form-panel{padding:14px}.contact-hero h1{font-size:32px}.contact-hero-inner>div>p:not(.contact-breadcrumb){font-size:13px}.contact-hero-inner>img{left:50%;width:265px;height:290px}.contact-hero blockquote{font-size:16px}.contact-ai{flex-wrap:wrap}.contact-ai>img{width:55px;height:65px}.cooperation-grid{gap:10px}.cooperation-grid article>div:last-child{padding:24px 12px 12px}.cooperation-grid h3{font-size:12px}.cooperation-grid p{font-size:11px}.contact-office{gap:14px}.contact-map{min-height:220px}.office-images{min-height:220px}}@media(max-width:900px){.contact-top-grid{grid-template-columns:1fr 1.3fr}.contact-faq{grid-column:1/-1}.contact-faq details{max-width:100%}.contact-ai{flex-wrap:nowrap;max-width:500px}.contact-ai>img{width:70px;height:85px}.contact-hero-inner>div{width:63%}.contact-hero blockquote{display:none}.contact-hero-inner>img{left:auto;right:-10px;width:235px;height:270px}.contact-hero-tags{gap:10px}.cooperation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cooperation-image{height:160px}.contact-office{grid-template-columns:1fr 1fr}.contact-office>div:first-child{grid-column:1/-1}.contact-map{min-height:250px}.office-images{min-height:250px}.office-images img{max-height:125px}}@media(max-width:600px){.contact-hero-inner{height:auto;min-height:485px;align-items:start}.contact-hero-inner>div{width:100%;padding-top:20px;padding-bottom:225px}.contact-hero h1{font-size:30px}.contact-hero-inner>div>p:not(.contact-breadcrumb){font-size:13px}.contact-hero-inner>div>p br{display:none}.contact-hero-tags{font-size:8px;gap:10px}.contact-hero-inner>img{right:calc(50% - 103px);width:206px;height:230px}.contact-top-grid{grid-template-columns:1fr;padding-top:23px}.contact-info h2{font-size:24px}.contact-info-box a{font-size:13px}.contact-faq{grid-column:auto}.contact-form-panel{padding:16px}.contact-form-panel h2{font-size:22px}.contact-form-row{gap:9px}.cooperation-grid{gap:10px}.cooperation-image{height:115px}.cooperation-image>span{width:38px;height:38px;bottom:-15px;left:10px}.cooperation-grid h3{font-size:12px}.cooperation-grid p{font-size:10px}.cooperation-grid article>div:last-child{padding:21px 10px 12px}.cooperation-grid button{font-size:10px}.contact-cooperation h2{font-size:23px}.contact-office{grid-template-columns:1fr;gap:12px}.contact-office>div:first-child{grid-column:auto}.contact-map{height:230px;min-height:0}.office-images{grid-template-columns:1fr 1fr;grid-template-rows:1fr;min-height:0;height:120px}.office-images img{max-height:120px}.contact-main .cp-cta h2{font-size:20px}.contact-main .cp-cta p{font-size:11px}}
