/* nxfs-css */

.nxfs{--c:hsl(29,61%,49%);--cd:hsl(29,66%,40%);--c2:hsl(29,71%,42%);--esp:hsl(25,31%,14%);--cream:hsl(36,56%,96%);--line:hsl(35,45%,86%);--leaf:hsl(142,55%,40%);--leafd:hsl(145,57%,32%);--leafs:hsl(138,41%,94%);--body:hsl(27,25%,28%);--mut:hsl(28,16%,41%);
  position:relative;z-index:2;clear:both;margin-top:40px;color:var(--body);font-family:var(--nxe-sans,var(--nx-font,"Be Vietnam Pro","Segoe UI",Arial,sans-serif))}
.nxfs.has-promo{margin-top:20px}
.nxfs.nxfs--after-partners{margin-top:0}
.nxfs *{box-sizing:border-box}
.nxfs .nxfs-in{max-width:1400px;margin:0 auto;padding:0 30px}
.nxfs-partners,.nxft-partners{background:#fff;position:relative;z-index:2;clear:both;margin-top:40px}
/* dải cam kết nổi nửa trên nền trang */
.nxfs-promo{position:relative;z-index:3;padding:0 30px;margin-bottom:-38px}
.nxfs-promo-in{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);background:hsl(0,0%,100%);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 34px -18px hsla(30,50%,24%,.3)}
.nxfs-promo-in.nxfs-n3{grid-template-columns:repeat(3,1fr)}.nxfs-promo-in.nxfs-n2{grid-template-columns:repeat(2,1fr)}.nxfs-promo-in.nxfs-n1{grid-template-columns:1fr}
.nxfs-pi{display:flex;align-items:center;gap:14px;padding:20px 22px}
.nxfs-pi+.nxfs-pi{border-left:1px dashed var(--line)}
.nxfs-ic{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,hsl(32,81%,92%),hsl(32,69%,85%));color:var(--cd);box-shadow:inset 0 0 0 1px hsla(29,61%,49%,.18)}
.nxfs-ic svg{width:23px;height:23px}
.nxfs-pi b{display:block;font-size:14.5px;font-weight:700;color:var(--esp);line-height:1.35;margin-bottom:2px}
.nxfs-pi em{display:block;font-style:normal;font-size:13px;color:var(--mut);line-height:1.4}
/* thân */
.nxfs-main{position:relative;overflow:hidden;background:linear-gradient(180deg,hsl(40,100%,99%) 0%,hsl(34,62%,93%) 100%);border-top:1px solid var(--line);padding:46px 0 44px}
.nxfs.has-promo .nxfs-main{padding-top:84px}
.nxfs-main::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 260px at 12% 0%,hsla(142,55%,40%,.06),transparent 70%),radial-gradient(520px 300px at 92% 100%,hsla(29,61%,49%,.1),transparent 70%)}
.nxfs-leaf{position:absolute;right:-40px;bottom:-60px;width:380px;opacity:.07;color:var(--leaf);pointer-events:none}
.nxfs-leaf2{position:absolute;left:-70px;top:60px;width:230px;opacity:.05;color:var(--c);transform:rotate(-140deg);pointer-events:none}
.nxfs-grid{position:relative;display:grid;grid-template-columns:1.35fr 1fr 1fr 1.3fr;gap:40px}
.nxfs-logo{display:block;width:100%;max-width:var(--lw,230px);height:auto;margin:-6px 0 12px;mix-blend-mode:multiply}
.nxfs-name{font-size:21px;font-weight:800;color:var(--esp);margin-bottom:10px}
.nxfs-slogan{display:inline-flex;align-items:center;gap:7px;max-width:100%;font-size:12.3px;font-weight:500;line-height:1.35;color:var(--leafd);background:var(--leafs);padding:6px 13px;border-radius:999px}
.nxfs-slogan svg{flex:none;width:14px;height:14px}
.nxfs-about{font-size:13.6px;line-height:1.75;color:var(--body);margin:14px 0 16px;max-width:340px}
.nxfs .nxfs-ct{list-style:none;margin:16px 0 0;padding:0}
.nxfs .nxfs-ct li{display:flex;align-items:center;gap:11px;margin:0 0 11px;font-size:14px;line-height:1.3}
.nxfs-ct li>i{flex:none;width:32px;height:32px;border-radius:10px;background:hsl(0,0%,100%);border:1px solid var(--line);display:grid;place-items:center;color:var(--cd)}
.nxfs-ct li>i svg{width:15px;height:15px}
.nxfs-ct small{display:block;font-size:11.5px;color:var(--mut);margin-bottom:1px}
.nxfs .nxfs-ct a,.nxfs .nxfs-ct strong{color:var(--esp);font-weight:700;text-decoration:none;word-break:break-word}
.nxfs .nxfs-ct a:hover{color:var(--cd)}
.nxfs-soc{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.nxfs .nxfs-soc a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--esp);color:hsl(36,60%,95%);transition:transform .2s,background .2s}
.nxfs .nxfs-soc a:first-child{background:var(--c)}
.nxfs .nxfs-soc a:hover{background:var(--cd);color:hsl(0,0%,100%);transform:translateY(-2px)}
.nxfs-soc svg{width:16px;height:16px}
.nxfs-legal{margin:14px 0 0;font-size:12.3px;line-height:1.7;color:var(--mut)}
.nxfs .nxfs-h{position:relative;display:flex;align-items:center;gap:8px;margin:4px 0 22px;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--esp);font-family:inherit}
.nxfs .nxfs-h svg{flex:none;color:var(--leaf)}
.nxfs .nxfs-h::after{content:"";position:absolute;left:25px;bottom:-9px;width:34px;height:2px;border-radius:2px;background:var(--c)}
.nxfs-pm{display:none}
.nxfs-col ul{list-style:none;margin:0;padding:0}
.nxfs-col li{margin:0 0 12px}
.nxfs .nxfs-col li a{display:inline-flex;align-items:center;font-size:13.6px;line-height:1.45;color:var(--body);text-decoration:none;letter-spacing:.01em;transition:color .2s}
.nxfs-col li a::before{content:"";flex:none;width:0;height:1.5px;background:var(--c);margin-right:0;transition:width .25s,margin .25s}
.nxfs .nxfs-col li a:hover{color:var(--cd)}
.nxfs-col li a:hover::before{width:12px;margin-right:8px}
.nxfs-col .nxft-hint{margin:0;padding:10px 12px;border:1px dashed var(--line);border-radius:8px;font-size:12.6px;color:var(--mut)}
/* thẻ tư vấn */
.nxfs-card{background:hsl(0,0%,100%);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 40px -24px hsla(30,50%,24%,.38)}
.nxfs-card-h{position:relative;padding:17px 76px 16px 20px;background:linear-gradient(135deg,var(--c),var(--c2));color:hsl(0,0%,100%)}
.nxfs-card-h b{display:block;font-size:16px;font-weight:700;line-height:1.35}
.nxfs-card-h span{display:block;font-size:12.6px;line-height:1.45;opacity:.92;margin-top:2px}
.nxfs-card-h svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:54px;color:hsl(0,0%,100%);opacity:.22}
.nxfs-card-b{padding:18px 20px 18px}
.nxfs-card .nxlf,.nxfs-card .nxlf-body{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;max-width:none!important;border-radius:0!important}
.nxfs-card .nxlf-head,.nxfs-card .nxlf-title,.nxfs-card .nxlf-field:has(.nxlf-note){display:none!important}
.nxfs-card .nxlf-field{margin:0 0 11px!important}
.nxfs-card .nxlf-field input{width:100%!important;height:auto!important;min-height:50px!important;padding:21px 14px 6px!important;font:inherit!important;font-size:14px!important;line-height:1.4!important;border-radius:11px!important;border:1.5px solid var(--line)!important;background:hsl(40,100%,99%)!important;color:var(--esp)!important;box-shadow:none!important;transition:padding .15s,border-color .15s,box-shadow .15s}
.nxfs-card .nxlf-field input:placeholder-shown{padding-top:14px!important;padding-bottom:14px!important}
.nxfs-card .nxlf-field input:focus{border-color:var(--c)!important;background:hsl(0,0%,100%)!important;box-shadow:0 0 0 3px hsla(29,61%,49%,.14)!important;outline:none!important}
.nxfs-card .nxlf-field input:-webkit-autofill{-webkit-text-fill-color:var(--esp)!important;-webkit-box-shadow:0 0 0 1000px hsl(0,0%,100%) inset!important}
.nxfs-card .nxlf-field label{color:var(--mut)!important;font-size:14px!important}
.nxfs-card .nxlf-field label span{color:hsl(4,70%,50%)!important}
.nxfs-card ::placeholder{color:hsl(28,14%,52%)!important;opacity:1}
.nxfs .nxfs-card .nxlf-submit,.nxfs .nxfs-card button[type=submit]{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%!important;height:48px!important;min-height:48px!important;margin:4px 0 0!important;border:0!important;border-radius:999px!important;cursor:pointer;background:var(--esp)!important;color:hsl(0,0%,100%)!important;font:inherit!important;font-size:14.5px!important;font-weight:700!important;letter-spacing:.03em!important;text-transform:uppercase;box-shadow:0 10px 20px -12px hsla(25,31%,14%,.6)!important;transition:background .2s,transform .2s}
.nxfs-card .nxlf-submit::after{content:"→";font-size:16px;line-height:1;transition:transform .2s}
.nxfs .nxfs-card .nxlf-submit:hover{background:var(--cd)!important;color:hsl(0,0%,100%)!important}
.nxfs-card .nxlf-submit:hover::after{transform:translateX(3px)}
.nxfs-card .nxlf-msg{font-size:12.8px!important;margin:8px 0 0!important;color:var(--body)!important}
.nxfs-note{display:flex;align-items:center;gap:7px;margin:12px 0 0;font-size:12px;line-height:1.4;color:var(--mut)}
.nxfs-note svg{flex:none;width:14px;height:14px;color:var(--leaf)}
.nxfs-fan{margin-top:14px;max-width:280px}.nxfs-fan iframe{display:block;border-radius:10px;background:hsl(0,0%,100%)}
/* dải dưới */
.nxfs-bot{background:var(--esp);color:hsl(32,19%,75%)}
.nxfs-bot-in{display:flex;align-items:center;justify-content:space-between;gap:14px 22px;flex-wrap:wrap;min-height:60px;padding-top:14px!important;padding-bottom:14px!important;font-size:13px}
.nxfs .nxfs-bot a{color:hsl(34,44%,85%);text-decoration:none}
.nxfs .nxfs-bot a:hover{color:hsl(30,60%,63%)}
.nxfs-pol{display:flex;flex-wrap:wrap;gap:6px 18px}
.nxfs-bdg{display:flex;flex-wrap:wrap;gap:8px}
.nxfs-bdg>span{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:8px;border:1px solid hsla(0,0%,100%,.16);background:hsla(0,0%,100%,.05);font-size:12px;font-weight:500;color:hsl(36,52%,89%)}
.nxfs-bdg svg{width:14px;height:14px;color:hsl(30,60%,63%)}
.nxfs-pay{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.nxfs-pay img{display:block;height:30px;width:auto;border-radius:5px;background:hsl(0,0%,100%);padding:3px 6px;box-sizing:content-box}
@media (max-width:1100px){.nxfs-grid{grid-template-columns:1fr 1fr;gap:34px 30px}}
@media (max-width:980px){.nxfs-promo-in,.nxfs-promo-in.nxfs-n3{grid-template-columns:1fr 1fr}.nxfs-pi:nth-child(odd){border-left:0}.nxfs-pi:nth-child(n+3){border-top:1px dashed var(--line)}}
@media (max-width:700px){
 .nxfs .nxfs-in{padding:0 16px}
 .nxfs-promo{padding:0 14px;margin-bottom:-30px}
 .nxfs-promo-in{border-radius:16px}
 .nxfs-pi{flex-direction:column;align-items:flex-start;gap:9px;padding:14px}
 .nxfs-ic{width:40px;height:40px}.nxfs-ic svg{width:19px;height:19px}
 .nxfs-pi b{font-size:13.4px}.nxfs-pi em{font-size:12px}
 .nxfs-main{padding:30px 0 26px}.nxfs.has-promo .nxfs-main{padding-top:62px}
 .nxfs-grid{grid-template-columns:1fr;gap:0}
 .nxfs-brand{text-align:center;padding-bottom:22px}
 .nxfs-logo{max-width:var(--lwm,210px);margin:0 auto 12px}
 .nxfs-about{margin:12px auto 14px}
 .nxfs .nxfs-ct{display:inline-block;text-align:left}
 .nxfs-soc{justify-content:center}
 .nxfs-col{border-top:1px solid var(--line)}
 .nxfs .nxfs-col .nxfs-h{margin:0;padding:16px 2px;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .nxfs .nxfs-col .nxfs-h::after{display:none}
 .nxfs-pm{display:block;flex:none;margin-left:auto;width:26px;height:26px;border-radius:50%;background:hsl(0,0%,100%);border:1px solid var(--line);position:relative}
 .nxfs-pm::before,.nxfs-pm::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.6px;background:var(--cd);transform:translate(-50%,-50%);transition:transform .2s}
 .nxfs-pm::after{transform:translate(-50%,-50%) rotate(90deg)}
 .nxfs-col.is-open .nxfs-pm::after{transform:translate(-50%,-50%) rotate(0)}
 .nxfs-col>ul,.nxfs-col>.nxft-hint{display:none}
 .nxfs-col.is-open>ul,.nxfs-col.is-open>.nxft-hint{display:block;padding:0 2px 12px}
 .nxfs-leadcol{border-top:1px solid var(--line);padding-top:22px}
 .nxfs-h-lead{display:none!important}
 .nxfs-bot-in{flex-direction:column;justify-content:center;text-align:center;gap:10px}
 .nxfs-pol,.nxfs-bdg{justify-content:center}
}

