/* R313: a presentation layer for the R312 ecosystem section only. */
@font-face{font-family:DQ313Lora;src:url('/ui-r313/lora-latin-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:DQ313Lora;src:url('/ui-r313/lora-vietnamese-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:DQ313Lora;src:url('/ui-r313/lora-latin-600.woff') format('woff');font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:DQ313Lora;src:url('/ui-r313/lora-vietnamese-600.woff') format('woff');font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:DQ313Lobster;src:url('/ui-r313/lobster-latin-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:DQ313Lobster;src:url('/ui-r313/lobster-vietnamese-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}

html body section.dq-brand-r312[data-dq-ui="R313"]{
 --dq313-text:#f5f1e3;--dq313-gold:#f4d697;--dq313-border:#bf9a50;
 box-sizing:border-box!important;position:relative;isolation:isolate;overflow:hidden;
 width:calc(100% - 48px)!important;max-width:1240px!important;margin:36px auto!important;
 padding:36px!important;border:1px solid #d7b26d!important;border-radius:24px!important;
 background-color:#082e27!important;
 background-image:linear-gradient(105deg,rgba(4,35,29,.97) 8%,rgba(7,39,32,.92) 56%,rgba(7,36,30,.83)),url('/ui-r313/scenery.webp')!important;
 background-size:cover!important;background-position:center!important;
 box-shadow:inset 0 0 0 5px #082b23,inset 0 0 0 6px #d2ad615c,0 18px 44px #082c2924!important;
 color:var(--dq313-text)!important;font-family:DQ313Lora,Georgia,serif!important;font-size:16px!important;
 line-height:1.9!important;text-shadow:none!important;
}
html body section.dq-brand-r312[data-dq-ui="R313"] *{box-sizing:border-box}
html body section.dq-brand-r312[data-dq-ui="R313"]>.dq-r305-heading{display:none!important}
html body section.dq-brand-r312[data-dq-ui="R313"]::before{display:none!important}
html body section.dq-brand-r312[data-dq-ui="R313"]::after{pointer-events:none!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq312-heading{display:flex!important;align-items:center!important;gap:24px!important;margin:0 0 26px!important;position:relative!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq312-ecosystem-mark{width:96px!important;height:96px!important;flex:0 0 96px!important;object-fit:contain!important;filter:drop-shadow(0 5px 8px #0007)!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq312-eyebrow{margin:0 0 7px!important;font:600 11px/1.6 DQ313Lora,Georgia,serif!important;letter-spacing:.15em!important;color:#ead095!important;text-shadow:none!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq312-heading h2{font:400 clamp(32px,3.5vw,46px)/1.25 DQ313Lobster,Georgia,serif!important;font-synthesis:none!important;letter-spacing:0!important;color:#fff0c9!important;margin:0!important;text-shadow:0 2px 3px #001a14b3!important;overflow-wrap:normal!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq313-subtitle{margin:9px 0 0!important;font:400 15px/1.7 DQ313Lora,Georgia,serif!important;color:#e4dfce!important;letter-spacing:0!important}
html body section.dq-brand-r312[data-dq-ui="R313"]>p,html body section.dq-brand-r312[data-dq-ui="R313"] .dq-r305-intro{margin:15px 0!important;font:400 16px/1.95 DQ313Lora,Georgia,serif!important;color:#f5f1e3!important;text-shadow:none!important;max-width:1120px!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-r305-intro::before{display:none!important}
html body section.dq-brand-r312[data-dq-ui="R313"] strong{font-weight:600!important;color:#fff1cd!important}
html body section.dq-brand-r312[data-dq-ui="R313"] a,html body section.dq-brand-r312[data-dq-ui="R313"] a:visited{color:#f4d697!important;text-decoration:underline!important;text-decoration-color:#bca064!important;text-underline-offset:4px!important;text-decoration-thickness:1px!important;text-shadow:none!important;font-weight:600!important;overflow-wrap:anywhere}
html body section.dq-brand-r312[data-dq-ui="R313"] a:hover{color:#fff8e6!important;text-decoration-color:#fff0c2!important}
html body section.dq-brand-r312[data-dq-ui="R313"] a:focus-visible{outline:2px solid #fff1b5!important;outline-offset:4px!important;border-radius:3px}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-ecosystem-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;margin:28px 0!important;text-align:left!important;align-items:stretch!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group{position:relative!important;isolation:isolate!important;overflow:hidden!important;min-width:0!important;padding:25px 26px 23px!important;border:1px solid #bd9c5770!important;border-radius:18px!important;background:linear-gradient(135deg,#143f34,#0a2e28)!important;box-shadow:inset 0 1px 0 #e7d5a51c,0 7px 18px #001c1738!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-20px;bottom:-28px;width:170px;height:170px;background:var(--dq313-icon) center/contain no-repeat;opacity:.045}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group:nth-child(1){--dq313-icon:url('/ui-r313/group-tuvi.svg')}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group:nth-child(2){--dq313-icon:url('/ui-r313/group-phongthuy.svg')}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group:nth-child(3){--dq313-icon:url('/ui-r313/group-nhantuong.svg')}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group:nth-child(4){--dq313-icon:url('/ui-r313/group-lich.svg')}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group h3{position:relative!important;display:flex!important;align-items:center!important;min-height:70px!important;padding:0 0 17px 82px!important;margin:0 0 20px!important;border:0!important;border-bottom:1px solid #d1b46b42!important;font:600 19px/1.55 DQ313Lora,Georgia,serif!important;color:#ffe1a5!important;text-shadow:none!important;letter-spacing:0!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group h3::before{content:"";position:absolute;left:0;top:0;width:62px;height:62px;background:var(--dq313-icon) center/contain no-repeat;filter:drop-shadow(0 4px 5px #001a1499)}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group ul{list-style:none!important;padding:0!important;margin:0!important;line-height:1.85!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group li{position:relative!important;margin:0 0 17px!important;padding:0 0 0 18px!important;font:400 15.5px/1.85 DQ313Lora,Georgia,serif!important;color:#f5f1e3!important;text-shadow:none!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group li:last-child{margin-bottom:0!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group li::before{content:"";position:absolute;left:0;top:.77em;width:6px;height:6px;border-radius:50%;background:#e8c378;box-shadow:0 0 0 3px #e8c3780d}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-brand-r303-slogan{border-top:1px solid #d4b76a61!important;margin:27px 0 23px!important;padding-top:20px!important;font:600 12px/1.9 DQ313Lora,Georgia,serif!important;letter-spacing:.12em!important;color:#f3d99d!important;text-align:center!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-brand-r303-links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:18px 0 0!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-brand-r303-links>a:not(.dq-r305-card){display:flex!important;align-items:center!important;justify-content:center!important;min-height:50px!important;margin:0!important;padding:12px 18px!important;border:1px solid #d1b06988!important;border-radius:12px!important;background:#153c32!important;text-decoration:none!important;font:600 14px/1.6 DQ313Lora,Georgia,serif!important;box-shadow:inset 0 1px 0 #fff3d00f!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-brand-r303-links>a[href*="facebook.com"]{grid-column:1/-1!important;justify-self:center!important;min-width:210px!important;margin-top:5px!important;background:#0e3028!important}
html body section.dq-brand-r312[data-dq-ui="R313"] a.dq-r305-card{color:#133b2d!important;text-decoration:none!important;border-color:#d8b267!important;border-radius:17px!important;box-shadow:inset 0 1px 0 #fff9e4,0 7px 15px #001c1752!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-r305-card .dq-r305-card-title{color:#153b2e!important;font:400 25px/1.35 DQ313Lobster,Georgia,serif!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-r305-card .dq-r305-card-desc{color:#264838!important;font:400 13px/1.75 DQ313Lora,Georgia,serif!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-r305-card .dq-r305-card-kicker{color:#72551e!important;font:600 9px/1.7 DQ313Lora,Georgia,serif!important}
html body section.dq-brand-r312[data-dq-ui="R313"] .dq-r305-card .dq-r305-card-arrow{color:#fff0c4!important}
@media(max-width:900px){html body section.dq-brand-r312[data-dq-ui="R313"]{padding:30px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group{padding:22px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group h3{font-size:18px!important;padding-left:72px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group h3::before{width:56px;height:56px}}
@media(max-width:720px){html body section.dq-brand-r312[data-dq-ui="R313"]{width:calc(100% - 28px)!important;padding:26px 20px!important;margin:26px auto!important;border-radius:20px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq-ecosystem-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;margin:24px 0!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq312-heading{gap:16px!important;align-items:center!important;margin-bottom:23px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq312-ecosystem-mark{width:72px!important;height:72px!important;flex-basis:72px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq312-eyebrow{font-size:9px!important;letter-spacing:.08em!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq312-heading h2{font-size:32px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq313-subtitle{font-size:13px!important}html body section.dq-brand-r312[data-dq-ui="R313"]>p{font-size:15px!important;line-height:1.9!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group li{font-size:15px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq-brand-r303-links{grid-template-columns:minmax(0,1fr)!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq-brand-r303-slogan{font-size:10px!important;letter-spacing:.08em!important}}
@media(max-width:390px){html body section.dq-brand-r312[data-dq-ui="R313"]{padding:24px 17px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq312-heading{gap:12px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq312-ecosystem-mark{width:60px!important;height:60px!important;flex-basis:60px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq312-heading h2{font-size:28px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group{padding:20px 17px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group h3{font-size:17px!important;padding-left:66px!important}html body section.dq-brand-r312[data-dq-ui="R313"] .dq-eco-group h3::before{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){html body section.dq-brand-r312[data-dq-ui="R313"] *,html body section.dq-brand-r312[data-dq-ui="R313"] *::before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}