/*
Theme Name: INFOVINA
Theme URI: https://infovina.vn
Author: INFOVINA - Cong ty TNHH Cong nghe INFO Viet Nam
Author URI: https://infovina.vn
Description: Theme chinh thuc INFOVINA - Vien thong & CNTT. Nen navy glassmorphism, hero carousel dich vu, terminal NOC live, marquee logo khach hang, da ngon ngu VI/EN/JA/ZH/KO.
Version: 1.5
License: GNU General Public License v2 or later
Text Domain: infovina
*/


  :root{
    --navy:#0e2d49;--navy-d:#0a2338;--navy-dd:#081c2e;--navy-l:#123a5e;--navy-ll:#16436e;
    --ink:#0c2138;--paper:#ffffff;--paper-2:#f4f8fc;--line:#dde9f2;
    --line-navy:rgba(255,255,255,.11);--glass:rgba(9,32,54,.62);--glass-brd:rgba(120,190,220,.22);
    --cyan:#2fd4ec;--cyan-2:#15b3cf;--cyan-deep:#0b8ba3;--cyan-soft:#e2f7fb;
    --blue:#3b82f6;--violet:#8b93ff;--gold:#f5b544;--green:#3ecf8e;
    --tx:#f2f8fc;--tx-dim:#d5e6f2;--tx-mute:#a8c4d8;--muted:#c0d5e5;--faint:#a8c4d8;
    --glow:rgba(47,212,236,.18);--glow-2:rgba(139,147,255,.16);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{font-family:'Segoe UI',system-ui,-apple-system,Arial,sans-serif;background:#0c2f4d;color:var(--tx);line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  h1,h2,h3{line-height:1.1;letter-spacing:-.025em;font-weight:800}
  a{text-decoration:none;color:inherit}
  .wrap{max-width:1220px;margin:0 auto;padding:0 24px}
  ::selection{background:var(--cyan);color:var(--navy-d)}
  .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan)}
  .eyebrow::before{content:"";width:26px;height:1.5px;background:var(--cyan)}

  /* animated aurora background — Stripe/Linear style mesh */
  .aurora{position:fixed;inset:0;z-index:-2;background:linear-gradient(165deg,#103a5e 0%,#0c2f4d 45%,#0a2740 100%);overflow:hidden}
  .aurora::before,.aurora::after{content:"";position:absolute;width:60vw;height:60vw;border-radius:50%;filter:blur(110px);opacity:.55;animation:drift 34s ease-in-out infinite}
  .aurora::before{background:radial-gradient(circle,rgba(47,212,236,.4),transparent 62%);top:-20vw;right:-12vw}
  .aurora::after{background:radial-gradient(circle,rgba(139,147,255,.34),transparent 62%);bottom:-22vw;left:-14vw;animation-delay:-17s}
  .aurora .blob3{position:absolute;width:48vw;height:48vw;border-radius:50%;filter:blur(120px);opacity:.32;background:radial-gradient(circle,rgba(59,130,246,.5),transparent 60%);top:30%;left:40%;animation:drift2 42s ease-in-out infinite}
  @keyframes drift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(5vw,3vw) scale(1.14)}66%{transform:translate(-3vw,5vw) scale(1.05)}}
  @keyframes drift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-6vw,-4vw) scale(1.2)}}
  .grid-bg{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(120,200,230,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,230,.05) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000,transparent 78%)}
  #netfx{position:fixed;inset:0;z-index:-1;width:100%;height:100%;opacity:.7;pointer-events:none;mask-image:radial-gradient(ellipse 85% 65% at 50% 10%,#000,transparent 80%)}
  /* Hero entrance animations - slide in from left (safe: only when JS ready) */
  @keyframes slideInL{from{opacity:0;transform:translateX(-44px)}to{opacity:1;transform:translateX(0)}}
  @keyframes slideInR{from{opacity:0;transform:translateX(44px)}to{opacity:1;transform:translateX(0)}}
  @keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
  body.anim-ready .hero-inner .eyebrow{animation:slideInL .7s cubic-bezier(.2,.7,.2,1) .05s both}
  body.anim-ready .hero-inner h1{animation:slideInL .8s cubic-bezier(.2,.7,.2,1) .2s both}
  body.anim-ready .hero-inner .lead{animation:slideInL .8s cubic-bezier(.2,.7,.2,1) .4s both}
  body.anim-ready .hero-inner .hero-cta{animation:slideInL .8s cubic-bezier(.2,.7,.2,1) .58s both}
  body.anim-ready .hero-inner .hero-badges{animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) .76s both}
  body.anim-ready .hero-inner .term{animation:slideInR .9s cubic-bezier(.2,.7,.2,1) .45s both,termglow 6s ease-in-out 1.4s infinite}

  /* HEADER glass */
  header{position:sticky;top:0;z-index:80;background:rgba(6,20,36,.72);backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid var(--line-navy)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:82px;gap:20px}
  .brand{display:flex;align-items:center;gap:12px}
  .brand img{height:52px;width:auto;display:block}
  .navlinks{display:flex;gap:19px;font-size:14.5px;font-weight:800;align-items:center;white-space:nowrap}
  .navlinks>a,.navlinks>.drop>a{position:relative;transition:.2s;padding:4px 0;color:#fff;background:linear-gradient(110deg,#fff 0%,#fff 40%,var(--cyan) 50%,#fff 60%,#fff 100%);background-size:220% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
  .navlinks>a:hover,.navlinks>.drop:hover>a{background-position:0 0;-webkit-text-fill-color:transparent}
  .drop{position:relative}
  .drop>a::after{content:"▾";font-size:10px;-webkit-text-fill-color:var(--cyan);margin-left:2px;transition:.2s}
  .drop:hover>a::after{transform:rotate(180deg)}
  .drop-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(10px);min-width:250px;background:rgba(10,30,49,.97);backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--glass-brd);border-radius:16px;padding:10px;opacity:0;visibility:hidden;transition:.28s cubic-bezier(.2,.7,.2,1);box-shadow:0 30px 70px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);z-index:90}
  .drop-menu::before{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%) rotate(45deg);width:14px;height:14px;background:rgba(10,30,49,.97);border-left:1px solid var(--glass-brd);border-top:1px solid var(--glass-brd)}
  .drop:hover .drop-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
  .drop-menu a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;font-size:13.5px;font-weight:500;color:var(--tx-dim);transition:.18s;-webkit-text-fill-color:currentColor;background:none}
  .drop-menu a:hover{background:rgba(47,212,236,.1);color:#fff;-webkit-text-fill-color:#fff}
  .drop-menu a .di{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 8px -2px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.4);position:relative;overflow:hidden}
  .drop-menu a .di::after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent)}
  .drop-menu a .di svg{position:relative;z-index:1}
  .drop-menu a .dt{display:flex;flex-direction:column;gap:1px}
  .drop-menu a .dt b{font-size:13.5px;font-weight:600;color:#fff}
  .drop-menu a .dt span{font-size:11.5px;color:var(--tx-mute)}
  .navlinks a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--cyan);transition:.25s;box-shadow:0 0 8px var(--cyan)}
  .navlinks a:hover{color:#fff}.navlinks a:hover::after{width:100%}
  .navlinks>a,.navlinks>.drop>a{text-transform:uppercase;letter-spacing:.02em}
  .navlinks .drop-menu a{text-transform:none;letter-spacing:0}
  header .wrap{max-width:1370px}
  .navr{display:flex;align-items:center;gap:14px}
  .lang{display:flex;gap:2px;background:var(--glass);border:1px solid var(--glass-brd);border-radius:9px;padding:2px;backdrop-filter:blur(10px)}
  .lang button{background:transparent;color:var(--tx-mute);border:none;padding:5px 9px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:.15s}
  .lang button:hover{color:#fff}.lang button.on{background:var(--cyan);color:var(--navy-d)}
  .ncta{padding:11px 20px;border-radius:10px;background:linear-gradient(150deg,#5ce6f7,#12aec6);color:var(--navy-d);font-weight:700;font-size:14px;transition:.2s;position:relative;overflow:hidden;box-shadow:0 6px 16px -5px rgba(47,212,236,.5),inset 0 1px 1px rgba(255,255,255,.5);white-space:nowrap;flex-shrink:0}
  .ncta::after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none}
  .ncta:hover{background:#5ce0f4;box-shadow:0 8px 24px -6px var(--glow)}
  @media(max-width:1200px){.navlinks{font-size:13.5px;gap:16px}}
  @media(max-width:960px){.navlinks{display:none}.ncta{display:none}}

  /* HERO */
  .hero{position:relative;overflow:hidden;padding:96px 0 104px}
  .hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
  .hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:center}
  .hero h1{font-size:clamp(35px,5.2vw,62px);margin:22px 0 22px;letter-spacing:-.035em;color:#fff}
  .hero h1 .g{background:linear-gradient(110deg,var(--cyan),#7fe8f5 25%,var(--violet) 50%,#7fe8f5 75%,var(--cyan));background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gflow 7s linear infinite}
  @keyframes gflow{to{background-position:280% 0}}
  .hero .lead{font-size:18px;color:var(--tx-dim);max-width:560px}
  .hero-cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
  /* HERO SERVICE CAROUSEL */
  .hero-carousel{margin:8px 0 0}
  .hslides{position:relative;min-height:270px}
  .hslide{position:absolute;inset:0;opacity:0;transform:translateX(-60px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}
  .hslide.active{opacity:1;transform:translateX(0);pointer-events:auto}
  .hslide.leaving{opacity:0;transform:translateX(60px);transition:opacity .5s,transform .5s}
  .hs-title{font-size:clamp(34px,5vw,62px);font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#fff;margin:0 0 20px}
  .hs-title .g{background:linear-gradient(110deg,var(--cyan),#7fe8f5 25%,var(--violet) 50%,#7fe8f5 75%,var(--cyan));background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gflow 7s linear infinite}
  .hs-desc{font-size:clamp(15px,1.15vw,18px);color:var(--tx-dim);max-width:600px;line-height:1.62;margin:0}
  .hdots{display:flex;gap:9px;margin-top:26px}
  .hdot{width:28px;height:5px;border-radius:3px;border:none;background:rgba(255,255,255,.18);cursor:pointer;padding:0;transition:.3s;position:relative;overflow:hidden}
  .hdot.on{background:rgba(255,255,255,.22);width:44px}
  .hdot.on::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cyan),var(--violet));transform-origin:left;animation:hdotfill 5s linear forwards}
  @keyframes hdotfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  @media(max-width:600px){.hslides{min-height:320px}}
  .btn{display:inline-flex;align-items:center;gap:9px;padding:15px 28px;border-radius:11px;font-weight:700;font-size:15px;cursor:pointer;border:none;font-family:inherit;transition:.2s}
  .btn-p{background:linear-gradient(150deg,#5ce6f7,#12aec6);color:var(--navy-d);box-shadow:0 8px 22px -6px rgba(47,212,236,.5),inset 0 1px 1px rgba(255,255,255,.5),inset 0 -2px 5px rgba(0,0,0,.15);position:relative;overflow:hidden}
  .btn-p::before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:sweep 4.5s ease-in-out infinite}
  @keyframes sweep{0%,100%{left:-120%}18%,40%{left:160%}}
  .btn-p::after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none}
  .btn-p:hover{background:linear-gradient(150deg,#7deff9,#25c9e0);transform:translateY(-2px);box-shadow:0 14px 32px -6px rgba(47,212,236,.6),inset 0 1px 1px rgba(255,255,255,.5)}
  .btn-o{border:1px solid var(--glass-brd);color:#fff;background:var(--glass);backdrop-filter:blur(10px)}.btn-o:hover{background:rgba(255,255,255,.09);border-color:var(--cyan)}
  .hero-badges{margin-top:42px;display:flex;gap:10px;flex-wrap:wrap}
  .hbadge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--tx-dim);background:var(--glass);border:1px solid var(--glass-brd);padding:8px 14px;border-radius:30px;backdrop-filter:blur(10px)}

  /* glass terminal */
  .term{background:linear-gradient(165deg,#0e2c4c,#081f36);border:1px solid rgba(47,212,236,.28);border-radius:18px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.65),0 12px 28px -12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(20px);animation:termglow 6s ease-in-out infinite}
  @keyframes termglow{0%,100%{box-shadow:0 40px 80px -30px rgba(0,0,0,.65),0 12px 28px -12px rgba(0,0,0,.5),0 0 0 0 rgba(47,212,236,0),inset 0 1px 0 rgba(255,255,255,.08)}50%{box-shadow:0 40px 80px -30px rgba(0,0,0,.65),0 12px 28px -12px rgba(0,0,0,.5),0 0 40px -6px rgba(47,212,236,.35),inset 0 1px 0 rgba(255,255,255,.08)}}
  .term-top{display:flex;align-items:center;gap:7px;padding:14px 16px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--line-navy)}
  .term-top .dot{width:11px;height:11px;border-radius:50%}
  .term-top .t{margin-left:10px;font-size:12px;color:var(--tx-mute);font-family:'Consolas',monospace}
  .term-body{padding:20px;font-family:'Consolas','Courier New',monospace;font-size:13px;line-height:1.95;min-height:200px}
  .term-body .ln{display:flex;gap:10px;animation:lnIn .25s ease}
  @keyframes lnIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
  .term-cursor{display:inline-block;width:8px;height:15px;background:var(--cyan);margin-left:2px;vertical-align:middle;animation:blink 1s step-end infinite;box-shadow:0 0 8px rgba(47,212,236,.7)}
  @keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}
  @keyframes typ{to{opacity:1}}
  .term .pr{color:var(--cyan)}.term .ok{color:var(--green)}.term .dim{color:var(--tx-mute)}.term .wh{color:var(--tx)}
  .term-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--line-navy);border-top:1px solid var(--line-navy)}
  .term-metrics div{background:#0a2440;padding:15px 16px;text-align:center}
  .term-metrics .mv{font-size:20px;font-weight:800;color:var(--cyan);font-family:'Segoe UI',sans-serif}
  .term-metrics .ml{font-size:10.5px;color:var(--tx-mute);margin-top:2px;font-family:'Segoe UI',sans-serif}

  /* MARQUEE */
  .marq{border-top:1px solid var(--line-navy);border-bottom:1px solid var(--line-navy);background:rgba(255,255,255,.015);overflow:hidden;padding:26px 0}
  .marq-label{text-align:center;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:20px;opacity:.85}
  .marq-inner{display:flex;gap:0;align-items:center;white-space:nowrap;animation:scroll 34s linear infinite}
  .mbrand{display:inline-flex;align-items:center;gap:11px;margin:0 34px;padding:9px 18px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);transition:.3s;cursor:default}
  .mbrand:hover{background:rgba(255,255,255,.08);transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
  .mbrand .mlogo{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 8px -2px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.35);position:relative;overflow:hidden}
  .mbrand .mlogo::after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent)}
  .mbrand .mlogo svg,.mbrand .mlogo span{position:relative;z-index:1}
  .mbrand .mname{font-weight:700;font-size:15px;letter-spacing:.01em;color:#eef6fb;transition:.3s}
  .mbrand:hover .mname{color:#fff}
  .marq:hover .marq-inner{animation-play-state:paused}
  /* brand colors */
  .ml-lg{background:linear-gradient(150deg,#e14b5a,#a5182a)}
  .ml-accor{background:linear-gradient(150deg,#3a6ea5,#1b3a5c)}
  .ml-mercure{background:linear-gradient(150deg,#c79a5b,#8a6529)}
  .ml-tms{background:linear-gradient(150deg,#2fa8d4,#1a6e94)}
  .ml-legacy{background:linear-gradient(150deg,#b98c3f,#7a5820)}
  .ml-cisco{background:linear-gradient(150deg,#4b9dd0,#1d6fa5)}
  .ml-synology{background:linear-gradient(150deg,#3d6db5,#22406e)}
  .ml-hik{background:linear-gradient(150deg,#e83a3a,#b01414)}
  .mlogo .mtxt{font-weight:900;font-size:14px;color:#fff;letter-spacing:-.03em}
  @keyframes scroll{to{transform:translateX(-50%)}}

  section{padding:96px 0;position:relative}
  .sec-head{max-width:730px;margin-bottom:52px}
  .sec-head.ctr{margin-inline:auto;text-align:center}
  .sec-head h2{font-size:clamp(29px,3.7vw,44px);margin:16px 0 15px;color:#fff}
  .sec-head p{color:var(--tx-dim);font-size:17px}

  /* glass card base */
  .glass{background:var(--glass);border:1px solid var(--glass-brd);border-radius:18px;backdrop-filter:blur(16px);box-shadow:0 24px 50px -24px rgba(0,0,0,.55),0 8px 20px -10px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)}

  /* ABOUT */
  .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
  .about-txt .q{font-size:20px;font-weight:700;color:#fff;line-height:1.5;margin-bottom:18px}
  .about-txt p{color:var(--tx-dim);font-size:15.5px;margin-bottom:14px}
  .about-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
  .apill{padding:18px 22px;flex:1;min-width:120px}
  .apill .n{font-size:30px;font-weight:800;color:var(--cyan);line-height:1}
  .apill .l{font-size:12.5px;color:var(--tx-dim);margin-top:5px}
  .about-vals{display:flex;flex-direction:column;gap:14px}
  .aval{border-left:3px solid var(--cyan);padding:22px 24px;transition:.25s}
  .aval:hover{transform:translateX(4px);border-left-color:#7fe8f5}
  .aval h4{font-size:16px;color:#fff;margin-bottom:6px}
  .aval p{font-size:14px;color:var(--tx-dim)}
  @media(max-width:820px){.about-grid{grid-template-columns:1fr;gap:36px}}

  /* BENTO */
  .bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:16px}
  .cell{position:relative;border:1px solid var(--glass-brd);border-radius:20px;padding:30px;background:var(--glass);backdrop-filter:blur(16px);overflow:hidden;transition:.4s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;justify-content:center;cursor:pointer;box-shadow:0 24px 50px -24px rgba(0,0,0,.55),0 8px 20px -10px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)}
  .cell-body{margin-top:0}
  .cell::before{content:"";position:absolute;inset:0;background:radial-gradient(380px 220px at var(--mx,50%) var(--my,0%),var(--glow),transparent 68%);opacity:0;transition:.4s}
  .cell:hover{border-color:rgba(47,212,236,.5);transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6),0 0 40px -18px var(--glow)}
  .cell:hover::before{opacity:1}
  /* ICON 3D gradient nhiều màu - glass gương */
  .ic3d{position:relative;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:none!important;box-shadow:0 8px 20px -6px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.4),inset 0 -2px 6px rgba(0,0,0,.25);transition:.4s cubic-bezier(.2,.7,.2,1)}
  .ic3d::before{content:"";position:absolute;top:0;left:0;right:0;height:48%;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0));border-radius:14px 14px 40% 40%/14px 14px 20% 20%;pointer-events:none}
  .ic3d svg{position:relative;z-index:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
  .cell .ic.ic3d,.why-card .ic.ic3d{background:none;border:none}
  .ic-cyan{background:linear-gradient(150deg,#4fe6f7,#0e9cc4)!important}
  .ic-blue{background:linear-gradient(150deg,#5aa8ff,#1e5fd8)!important}
  .ic-violet{background:linear-gradient(150deg,#a78bfa,#6d3fe0)!important}
  .ic-amber{background:linear-gradient(150deg,#ffd257,#f39917)!important}
  .ic-green{background:linear-gradient(150deg,#5ee6a3,#14a86b)!important}
  .ic-rose{background:linear-gradient(150deg,#ff9bb3,#e84c74)!important}
  .ic-teal{background:linear-gradient(150deg,#4fe8d0,#0d9e9e)!important}
  .cell:hover .ic3d,.why-card:hover .ic3d{transform:translateY(-3px) scale(1.06) rotate(-4deg);box-shadow:0 14px 28px -6px rgba(0,0,0,.55),inset 0 1px 1px rgba(255,255,255,.5),inset 0 -2px 6px rgba(0,0,0,.25)}

  .cell-head{display:flex;align-items:center;gap:15px;margin-bottom:14px;padding-right:28px}
  .cell .ic{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;transition:.4s;flex-shrink:0}
  .cell:hover .ic{transform:scale(1.08) rotate(-3deg);background:rgba(47,212,236,.22)}
  .cell .rk{position:absolute;top:26px;right:26px;font-size:12px;font-weight:800;color:var(--tx-mute);letter-spacing:.1em;opacity:.5}
  .cell h3{font-size:19px;margin:0;position:relative;color:#fff;line-height:1.25}
  .cell p{font-size:13.5px;color:var(--tx-dim);position:relative;line-height:1.55}
  .cell .tag{position:absolute;top:26px;right:26px;font-size:10.5px;font-weight:700;letter-spacing:.05em;padding:4px 11px;border-radius:20px;background:linear-gradient(135deg,var(--gold),#ffcb6b);color:#5a3a00}
  .cell.lg{grid-column:span 1}
  .cell.wide{grid-column:span 1}
  .cell.feat{background:linear-gradient(150deg,#0e3155,#081f36)}
  .cell.feat h3{font-size:19px}
  .cell .go{position:relative;margin-top:14px;font-size:13.5px;font-weight:700;color:var(--cyan);display:inline-flex;align-items:center;gap:6px;transition:.3s}
  .cell:hover .go{gap:10px}
  @media(max-width:900px){.bento{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.cell.lg{grid-column:span 2}}
  @media(max-width:560px){.bento{grid-template-columns:1fr}.cell.lg,.cell.wide{grid-column:span 1}}

  /* WHY */
  .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .why-card{padding:28px 24px;transition:.3s;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center}
  .why-card:hover{transform:translateY(-4px);border-color:rgba(47,212,236,.4);box-shadow:0 26px 52px -30px rgba(0,0,0,.5)}
  .why-card .ic{width:54px;height:54px;margin:0;grid-column:1;grid-row:1}
  .why-card h4{font-size:16.5px;color:#fff;margin:0;grid-column:2;grid-row:1;align-self:center;line-height:1.25}
  .why-card p{font-size:13.5px;color:var(--tx-dim);grid-column:1/3;grid-row:2;margin-top:10px}
  @media(max-width:900px){.why-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.why-grid{grid-template-columns:1fr}}

  /* COVERAGE */
  .cov-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
  .map-wrap{position:relative;padding:26px}
  .map-wrap svg{width:100%;height:auto;display:block}
  .prov-label{fill:var(--tx);font-size:9px;font-weight:600;opacity:0;transition:.2s;pointer-events:none}
  .prov-dot:hover .prov-label{opacity:1}
  .cov-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
  .cov-stat{padding:20px}
  .cov-stat .n{font-size:28px;font-weight:800;color:var(--cyan)}
  .cov-stat .l{font-size:13px;color:var(--tx-dim);margin-top:3px}

  /* CASES */
  .case-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .case{position:relative;padding:32px;transition:.3s;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}
  .case:hover{transform:translateY(-4px);border-color:rgba(47,212,236,.4);box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
  .case .logo{font-size:23px;font-weight:800;color:#fff}
  .case .ind{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
  .case .quote{font-size:16px;color:var(--tx);line-height:1.55;margin:12px 0}
  .case .res{display:flex;gap:24px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line-navy)}
  .case .res .n{font-size:22px;font-weight:800;color:var(--cyan)}
  .case .res .l{font-size:11.5px;color:var(--tx-mute)}
  @media(max-width:820px){.cov-grid,.case-grid{grid-template-columns:1fr;gap:30px}}

  /* NEWS */
  .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .ncard{overflow:hidden;transition:.25s;padding:24px;display:flex;flex-direction:column}
  .ncard:hover{transform:translateY(-5px);border-color:rgba(47,212,236,.4);box-shadow:0 24px 48px -28px rgba(0,0,0,.5)}
  .ncard .ntop{display:flex;align-items:center;gap:11px;margin-bottom:18px}
  .ncard .nic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 5px 12px -4px rgba(0,0,0,.4),inset 0 1px 1px rgba(255,255,255,.4)}
  .ncard .nic::after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent)}
  .ncard .nic svg{position:relative;z-index:1;stroke:#fff}
  .ncard:nth-child(1) .nic{background:linear-gradient(150deg,#4fe6f7,#0e9cc4)}
  .ncard:nth-child(2) .nic{background:linear-gradient(150deg,#a78bfa,#6d3fe0)}
  .ncard:nth-child(3) .nic{background:linear-gradient(150deg,#5ee6a3,#14a86b)}
  .ncard .ncat{display:flex;flex-direction:column;gap:2px}
  .ncard .ncat b{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
  .ncard .ncat .dt{font-size:12px;color:var(--faint)}
  .ncard h4{font-size:16px;color:#fff;line-height:1.45;margin-bottom:16px;flex:1}
  .ncard .nmore{font-size:13px;font-weight:700;color:var(--cyan);display:inline-flex;align-items:center;gap:6px;transition:.2s}
  .ncard:hover .nmore{gap:10px}
  .ncard .dt{font-size:12px;color:var(--faint);margin-bottom:8px}
  .ncard h4{font-size:15.5px;color:#fff;line-height:1.4}
  @media(max-width:820px){.news-grid{grid-template-columns:1fr}}

  /* AI */
  .ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
  .ai h2{font-size:clamp(28px,3.5vw,42px);margin:16px 0 18px;color:#fff}
  .ai .lead{color:var(--tx-dim);font-size:16.5px;margin-bottom:16px}
  .ai .pts{list-style:none;margin-top:20px}
  .ai .pts li{display:flex;gap:11px;align-items:flex-start;margin-bottom:12px;font-size:14.5px;color:var(--tx-dim)}
  .ai .pts .ck{flex-shrink:0;width:22px;height:22px;border-radius:6px;background:rgba(62,207,142,.16);display:flex;align-items:center;justify-content:center;margin-top:1px}
  .chatw{overflow:hidden}
  .chatw-top{display:flex;align-items:center;gap:11px;padding:16px 20px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--line-navy)}
  .chatw-top .av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--cyan-deep));display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--navy-d);font-size:17px}
  .chatw-top b{font-size:15px;color:#fff}.chatw-top .st{font-size:12px;color:var(--green);display:flex;align-items:center;gap:5px}
  .chatw-top .st::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
  .chatw-body{padding:20px;min-height:270px;display:flex;flex-direction:column;gap:12px}
  .bub{padding:11px 15px;border-radius:14px;font-size:14px;max-width:82%;line-height:1.5}
  .bub.u{align-self:flex-end;background:var(--cyan);color:var(--navy-d);border-bottom-right-radius:4px}
  .bub.b{align-self:flex-start;background:rgba(255,255,255,.06);color:var(--tx);border-bottom-left-radius:4px;border:1px solid var(--line-navy)}
  .chatw-in{display:flex;gap:10px;padding:14px 16px;border-top:1px solid var(--line-navy);background:rgba(255,255,255,.02)}
  .chatw-in input{flex:1;background:rgba(255,255,255,.05);border:1px solid var(--line-navy);border-radius:10px;padding:11px 14px;color:var(--tx);font-family:inherit;font-size:14px;outline:none}
  .chatw-in button{background:var(--cyan);color:var(--navy-d);border:none;border-radius:10px;padding:0 16px;cursor:pointer;font-weight:700}
  @media(max-width:820px){.ai-grid{grid-template-columns:1fr;gap:36px}}

  /* CTA */
  .cta-box{border-radius:26px;padding:64px 40px;text-align:center;position:relative;overflow:hidden}
  .cta-box::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 280px at 50% 0%,var(--glow),transparent 60%)}
  .cta-box>*{position:relative}
  .cta-box h2{font-size:clamp(28px,3.7vw,44px);margin-bottom:16px;color:#fff}
  .cta-box p{color:var(--tx-dim);font-size:18px;max-width:600px;margin:0 auto 32px}
  .cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

  /* FOOTER */
  footer{border-top:1px solid var(--line-navy);padding:58px 0 30px;font-size:14px;position:relative;overflow:hidden;background:rgba(20,60,90,.4)}
  .foot-grid{position:relative;display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.1fr;gap:34px;margin-bottom:38px}
  footer h5{color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
  footer .brand img{height:44px;margin-bottom:16px}
  .fitem{display:flex;gap:9px;margin-bottom:11px;color:#e4f0f8;align-items:flex-start}
  .fitem .ar{color:var(--cyan);flex-shrink:0}
  footer a{color:#e4f0f8;transition:.15s}footer a:hover{color:var(--cyan)}
  .flist a{display:flex;gap:9px;margin-bottom:11px;align-items:flex-start}
  .flist a .ar{color:var(--cyan);flex-shrink:0}
  .socrow{display:flex;gap:10px;margin-top:18px}
  .socrow a{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;transition:.3s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden;box-shadow:0 6px 16px -5px rgba(0,0,0,.5),inset 0 1px 1px rgba(255,255,255,.35)}
  .socrow a::after{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);pointer-events:none}
  .socrow a svg{position:relative;z-index:1}
  .soc-fb{background:linear-gradient(150deg,#4a90ff,#1877f2)}
  .soc-yt{background:linear-gradient(150deg,#ff5a5a,#e60000)}
  .soc-tt{background:linear-gradient(150deg,#3a3a44,#010101)}
  .soc-in{background:linear-gradient(150deg,#3aa0e0,#0a66c2)}
  .socrow a:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 12px 24px -6px rgba(0,0,0,.55),inset 0 1px 1px rgba(255,255,255,.45)}
  .foot-bottom{position:relative;border-top:1px solid var(--line-navy);padding-top:22px;text-align:center;font-size:12.5px;color:#c3d8e6}
  @media(max-width:820px){.foot-grid{grid-template-columns:1fr 1fr}}

  .reveal{opacity:0;transform:translateY(30px);transition:.8s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}
  .reveal-l{opacity:0;transform:translateX(-46px);transition:.85s cubic-bezier(.2,.7,.2,1)}
  .reveal-r{opacity:0;transform:translateX(46px);transition:.85s cubic-bezier(.2,.7,.2,1)}
  .reveal-l.in,.reveal-r.in{opacity:1;transform:none}
  .reveal-stagger>*{opacity:0;transform:translateY(28px);transition:.7s cubic-bezier(.2,.7,.2,1)}
  .reveal-stagger.in>*{opacity:1;transform:none}
  .reveal-stagger.in>*:nth-child(1){transition-delay:0s}
  .reveal-stagger.in>*:nth-child(2){transition-delay:.1s}
  .reveal-stagger.in>*:nth-child(3){transition-delay:.2s}
  .reveal-stagger.in>*:nth-child(4){transition-delay:.3s}
  .reveal-stagger.in>*:nth-child(5){transition-delay:.4s}
  @media(prefers-reduced-motion:reduce){.reveal,.reveal-l,.reveal-r{opacity:1;transform:none;transition:none}.reveal-stagger>*{opacity:1;transform:none}}
  [data-l]{display:none}[data-l].on{display:block}
  span[data-l]{display:none}span[data-l].on{display:inline}
  li[data-l].on{display:flex}

  @media(max-width:820px){.hero-inner{grid-template-columns:1fr;gap:44px}.hero{padding:56px 0 64px}section{padding:64px 0}}


/* ==== IV-CUSTOM-START (chuyen tu Customizer sang file de trinh duyet cache duoc — 02/09/2026) ==== */
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

/* ==========================================================================
   INFOVINA DESIGN SYSTEM v10  --  24/08/2026
   Thay toan bo 31 khoi CSS cu. Ban cu luu o ban nhap "BACKUP CSS Customizer 24-08-2026".
   Nguyen tac: hero/footer/CTA toi lam diem nhan thuong hieu, vung noi dung SANG.
   Chuan tham chieu: Verizon Business, Colt, Equinix, Orange Business, Lumen.
   ========================================================================== */

/* ---------- 1. TOKENS ---------------------------------------------------- */
:root{
  /* -- primitive: chi tang nay chua gia tri that -- */
  --iv-navy-900:#08243c;
  --iv-navy-800:#0c2f4d;
  --iv-navy-700:#103c61;
  --iv-navy-600:#164e7c;
  --iv-navy-500:#1d6299;
  --iv-blue-600:#0d6ba8;
  --iv-blue-700:#0a5384;
  --iv-cyan-400:#35d0ee;
  --iv-cyan-300:#7ee3f6;
  --iv-white:#ffffff;
  --iv-gray-50:#f4f8fb;
  --iv-gray-100:#eaf1f7;
  --iv-gray-200:#dde8f0;
  --iv-gray-300:#cbdae6;
  --iv-gray-500:#7793aa;
  --iv-gray-700:#40607c;
  --iv-gray-900:#0d2740;
  --iv-amber-50:#fdf6e6;
  --iv-amber-600:#8a5a10;
  --iv-green-50:#e6f4ee;
  --iv-green-700:#146b4c;

  /* -- semantic: vung SANG -- */
  --iv-surface:var(--iv-white);
  --iv-surface-2:var(--iv-gray-50);
  --iv-surface-3:var(--iv-gray-100);
  --iv-ink:var(--iv-gray-900);
  --iv-ink-2:var(--iv-gray-700);
  --iv-ink-3:var(--iv-gray-500);
  --iv-line:var(--iv-gray-200);
  --iv-line-strong:var(--iv-gray-300);
  --iv-brand:var(--iv-blue-600);
  --iv-brand-hover:var(--iv-blue-700);

  /* -- semantic: vung TOI -- */
  --iv-dark:var(--iv-navy-800);
  --iv-dark-2:var(--iv-navy-700);
  --iv-dark-3:var(--iv-navy-600);
  --iv-on-dark:#eaf4fb;
  --iv-on-dark-2:#9fc0d8;
  --iv-on-dark-3:#7ba2c0;
  --iv-dark-line:rgba(255,255,255,.14);
  --iv-dark-line-2:rgba(255,255,255,.09);
  --iv-accent:var(--iv-cyan-400);

  /* -- spacing: thang 4px -- */
  --iv-s1:.25rem; --iv-s2:.5rem;  --iv-s3:.75rem; --iv-s4:1rem;
  --iv-s5:1.25rem; --iv-s6:1.5rem; --iv-s8:2rem;  --iv-s10:2.5rem;
  --iv-s12:3rem;   --iv-s16:4rem;

  /* -- nhip section -- */
  --iv-band:clamp(3rem,6.2vw,5.5rem);
  --iv-gut:clamp(1rem,3.6vw,2rem);
  --iv-max:1240px;

  /* -- bo goc theo VAI TRO (mo hinh Mistica) -- */
  --iv-r-button:10px;
  --iv-r-container:14px;
  --iv-r-panel:18px;
  --iv-r-pill:999px;

  /* -- do bong -- */
  --iv-sh-1:0 1px 2px rgba(13,39,64,.06),0 1px 1px rgba(13,39,64,.04);
  --iv-sh-2:0 2px 6px rgba(13,39,64,.07),0 8px 20px -8px rgba(13,39,64,.10);
  --iv-sh-3:0 4px 12px rgba(13,39,64,.09),0 18px 38px -14px rgba(13,39,64,.16);

  /* -- thang chu fluid -- */
  --iv-fs-micro:.75rem;
  --iv-fs-small:.875rem;
  --iv-fs-body:1rem;
  --iv-fs-lead:clamp(1.0625rem,1rem + .3vw,1.1875rem);
  --iv-fs-h3:clamp(1.125rem,1.05rem + .35vw,1.3125rem);
  --iv-fs-h2:clamp(1.5rem,1.15rem + 1.5vw,2.25rem);
  --iv-fs-h1:clamp(1.9rem,1.35rem + 2.5vw,3.05rem);
  --iv-fs-hero:clamp(2.1rem,1.4rem + 3.2vw,3.6rem);
  --iv-fs-num:clamp(1.7rem,1.25rem + 1.9vw,2.5rem);

  /* -- nhip dong: tieng Viet can rong hon Anh ngu -- */
  --iv-lh-tight:1.24;
  --iv-lh-heading:1.28;
  --iv-lh-body:1.7;
  --iv-lh-loose:1.78;

  --iv-tap:44px;
  --iv-ease:cubic-bezier(.32,.72,.32,1);
}

/* ---------- 2. BASE ------------------------------------------------------ */
html{scroll-behavior:smooth}
body,body *{
  font-family:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
code,pre,kbd,samp,.term,.term *,.mono{
  font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
}
body{
  background:var(--iv-navy-900);
  font-size:var(--iv-fs-body);
  line-height:var(--iv-lh-body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5{
  line-height:var(--iv-lh-heading);
  letter-spacing:-.012em;
  text-wrap:balance;
  font-weight:700;
}
p,li{text-wrap:pretty}
p{max-width:74ch}
img,svg,canvas,video{max-width:100%}
img{height:auto}
::selection{background:var(--iv-cyan-400);color:var(--iv-navy-900)}

/* dau tieng Viet khong bao gio bi cat */
h1,h2,h3,h4,h5,.hs-title,.cell-head,.sec-head h2{overflow:visible}

/* ---------- 3. TIEP CAN (WCAG 2.2 AA) ------------------------------------ */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--iv-cyan-400);
  outline-offset:3px;
  border-radius:4px;
}
/* 2.4.11 - focus khong bi header dinh che */
:target,section[id],[id]{scroll-margin-block-start:110px}
/* 2.5.8 - vung cham toi thieu */
.navlinks > li > a,.btn,.ncta,.lang button,.qchip,.side-links a,.flist a,.hdot{
  min-height:var(--iv-tap);
  display:inline-flex;
  align-items:center;
}
.hdot{min-height:24px;min-width:24px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* ---------- 4. LOP TRANG TRI NEN ----------------------------------------- */
/* giu aurora/grid chi sau vung TOI; vung sang co nen dac de phu len */
.aurora,.grid-bg,[class*="blob"]{z-index:-2 !important;pointer-events:none}
.aurora{opacity:.55}
.grid-bg{opacity:.35}

/* ---------- 5. WRAP / CONTAINER ------------------------------------------ */
.wrap{
  width:100%;
  max-width:var(--iv-max);
  margin-inline:auto;
  padding-inline:var(--iv-gut);
}

/* ==========================================================================
   6. VUNG SANG  --  quet mau ve inherit roi to lai co chu dich
   ========================================================================== */
body.home #about,body.home #services,body.home #why,body.home #cases,
body.home #news,body.home #contact,body.home #camera-hai-quan,
body.page-template-page-infovina > section,
body.single > section,
body.blog:not(.home) > section{
  background:var(--iv-surface);
  color:var(--iv-ink);
  position:relative;
  z-index:1;
}
/* xen ke tong sang */
body.home #services,body.home #news,body.home #camera-hai-quan{
  background:var(--iv-surface-2);
}
body.home #about,body.home #why,body.home #cases,body.home #contact{
  border-block:1px solid var(--iv-line);
}
body.home #services,body.home #news{border-block:1px solid var(--iv-line)}

/* quet: moi thu ke thua mau cua section sang */
.iv-lightzone :where(h1,h2,h3,h4,h5,p,li,span,div,td,th,dt,dd,strong,b,em,small,
figure,figcaption,blockquote,label,summary,article,header,footer,main,aside){
  color:inherit;
}
body.home :is(#about,#services,#why,#cases,#news,#contact,#camera-hai-quan)
 :where(h1,h2,h3,h4,h5,p,li,span,div,td,th,dt,dd,strong,b,em,small,
 figure,figcaption,blockquote,label,summary,article){color:inherit}
body.page-template-page-infovina > section
 :where(h1,h2,h3,h4,h5,p,li,span,div,td,th,dt,dd,strong,b,em,small,
 figure,figcaption,blockquote,label,summary,article){color:inherit}

/* chu phu trong vung sang */
body.home :is(#about,#services,#why,#cases,#news,#contact,#camera-hai-quan) :is(p,li),
body.page-template-page-infovina > section :is(p,li){color:var(--iv-ink-2)}
body.home :is(#about,#services,#why,#cases,#news,#contact,#camera-hai-quan) :is(h1,h2,h3,h4,h5),
body.page-template-page-infovina > section :is(h1,h2,h3,h4,h5){color:var(--iv-ink)}
body.home :is(#about,#services,#why,#cases,#news,#contact,#camera-hai-quan) :is(b,strong),
body.page-template-page-infovina > section :is(b,strong){color:var(--iv-ink);font-weight:600}

/* lien ket trong vung sang */
body.home :is(#about,#services,#why,#cases,#news,#contact,#camera-hai-quan) a,
body.page-template-page-infovina > section a{color:var(--iv-brand)}
body.home :is(#about,#services,#why,#cases,#news,#contact,#camera-hai-quan) a:hover,
body.page-template-page-infovina > section a:hover{color:var(--iv-brand-hover)}

/* ---------- 7. VUNG TOI -------------------------------------------------- */
body.home #top,body.home #coverage,body.home #ai{
  color:var(--iv-on-dark);
  position:relative;
  z-index:1;
}
body.home #coverage{
  background:linear-gradient(180deg,var(--iv-navy-800),var(--iv-navy-900));
  border-block:1px solid var(--iv-dark-line-2);
}
body.home #ai{
  background:linear-gradient(180deg,var(--iv-navy-900),var(--iv-navy-800));
  border-block:1px solid var(--iv-dark-line-2);
}
body.home :is(#top,#coverage,#ai) :is(h1,h2,h3,h4,h5){color:#fff}
body.home :is(#top,#coverage,#ai) :is(p,li){color:var(--iv-on-dark-2)}
body.home :is(#top,#coverage,#ai) :is(b,strong){color:#fff}

/* ---------- 8. NHIP SECTION ---------------------------------------------- */
body.home > section,
body.page-template-page-infovina > section{
  padding-block:var(--iv-band);
}
body.home #top{padding-block:clamp(2.6rem,5vw,4rem) clamp(3rem,6vw,5rem)}

.sec-head{
  max-width:52rem;
  margin-inline:auto;
  text-align:center;
  margin-bottom:clamp(2rem,4vw,3rem);
  display:grid;
  gap:var(--iv-s3);
}
.sec-head h2{font-size:var(--iv-fs-h2);font-weight:700}
.sec-head p{margin-inline:auto;font-size:var(--iv-fs-lead)}
.eyebrow{
  font-size:var(--iv-fs-micro);
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--iv-brand) !important;
  display:inline-flex;
  align-items:center;
  gap:.6rem;
}
body.home :is(#top,#coverage,#ai) .eyebrow,.phero .eyebrow{color:var(--iv-cyan-300) !important}
.eyebrow::before{
  content:"";
  width:26px;height:2px;
  background:currentColor;
  border-radius:2px;
  flex:none;
}
.sec-head .eyebrow{justify-content:center}

/* ---------- 9. HEADER / MENU --------------------------------------------- */
header{
  background:rgba(10,42,68,.88);
  -webkit-backdrop-filter:saturate(1.5) blur(14px);
  backdrop-filter:saturate(1.5) blur(14px);
  border-bottom:1px solid var(--iv-dark-line-2);
  box-shadow:0 1px 0 rgba(0,0,0,.12);
}
header .nav{
  display:flex;
  align-items:center;
  gap:var(--iv-s5);
  min-height:68px;
}
.brand{flex:none}
.navlinks{
  display:flex;
  align-items:center;
  gap:2px;
  margin-inline:auto;
  list-style:none;
  padding:0;
}
.navlinks > li > a,.navlinks > li > .dt,.navlinks .drop > a{
  font-size:.8125rem;
  font-weight:600;
  letter-spacing:.01em;
  text-transform:none;              /* chu HOA co dau bi chat -> bo */
  color:var(--iv-on-dark) !important;
  padding:.55rem .7rem;
  border-radius:var(--iv-r-button);
  white-space:nowrap;
  transition:background .18s var(--iv-ease),color .18s var(--iv-ease);
}
.navlinks > li > a:hover,.navlinks .drop:hover > a,.navlinks > li > .dt:hover{
  background:rgba(255,255,255,.09);
  color:#fff !important;
}
.navlinks > li{position:relative}
.drop-menu{
  background:#0d3252;
  border:1px solid var(--iv-dark-line);
  border-radius:var(--iv-r-container);
  box-shadow:0 18px 44px -12px rgba(0,0,0,.55);
  padding:var(--iv-s2);
  min-width:16rem;
}
.drop-menu a,.drop-menu .di{
  color:var(--iv-on-dark) !important;
  border-radius:var(--iv-r-button);
  padding:.55rem .65rem;
  font-size:.875rem;
  font-weight:500;
}
.drop-menu a:hover,.drop-menu .di:hover{background:rgba(255,255,255,.1);color:#fff !important}

/* khu ben phai: ngon ngu + hotline */
.navr{display:flex;align-items:center;gap:var(--iv-s3);flex:none}
.lang{
  display:flex;
  gap:2px;
  background:rgba(255,255,255,.07);
  border:1px solid var(--iv-dark-line-2);
  border-radius:var(--iv-r-pill);
  padding:3px;
}
.lang button{
  font-size:.75rem;
  font-weight:600;
  color:var(--iv-on-dark-2);
  background:transparent;
  border:0;
  border-radius:var(--iv-r-pill);
  padding:.3rem .62rem;
  min-height:32px;
  cursor:pointer;
  transition:all .18s var(--iv-ease);
}
.lang button:hover{color:#fff;background:rgba(255,255,255,.1)}
.lang button.on{
  background:linear-gradient(180deg,var(--iv-cyan-400),#12a9cc);
  color:var(--iv-navy-900);
  box-shadow:0 2px 8px rgba(53,208,238,.35);
}
.ncta{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  background:linear-gradient(180deg,var(--iv-blue-600),var(--iv-blue-700));
  color:#fff !important;
  font-weight:700;
  font-size:.875rem;
  letter-spacing:.01em;
  padding:.6rem 1.05rem;
  border-radius:var(--iv-r-button);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 2px 10px rgba(13,107,168,.35);
  white-space:nowrap;
  transition:transform .18s var(--iv-ease),box-shadow .18s var(--iv-ease);
}
.ncta:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(13,107,168,.45)}

/* ---------- 10. HERO ----------------------------------------------------- */
#top .hero-inner{display:grid;gap:clamp(2rem,4vw,3.4rem);align-items:center}
@media (min-width:981px){#top .hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}
.hs-title,#top h1{
  font-size:var(--iv-fs-hero);
  font-weight:800;
  letter-spacing:-.025em;
  line-height:1.14;
  color:#fff;
}
.hs-title .g,#top h1 .g{
  background:linear-gradient(96deg,var(--iv-cyan-300),#5ab6ff);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hs-desc,#top .lead{
  font-size:var(--iv-fs-lead);
  color:var(--iv-on-dark-2);
  max-width:52ch;
  line-height:var(--iv-lh-loose);
}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--iv-s3);margin-top:var(--iv-s6)}
.hero-badges{display:flex;flex-wrap:wrap;gap:var(--iv-s2) var(--iv-s4);margin-top:var(--iv-s6)}
.hbadge{
  font-size:var(--iv-fs-small);
  color:var(--iv-on-dark-2);
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  background:rgba(255,255,255,.05);
  border:1px solid var(--iv-dark-line-2);
  border-radius:var(--iv-r-pill);
  padding:.3rem .8rem;
}
/* hero carousel: bo tu chay, giu dieu huong tay */
.hdots{display:flex;gap:.4rem;margin:var(--iv-s4) 0 0}
.hdot{
  width:26px;height:4px;
  border-radius:2px;
  background:rgba(255,255,255,.2);
  border:0;padding:0;cursor:pointer;
  transition:background .2s var(--iv-ease),width .2s var(--iv-ease);
}
.hdot.active,.hdot.on{background:linear-gradient(90deg,var(--iv-cyan-400),#5ab6ff);width:38px}

/* ---------- 11. NUT ------------------------------------------------------ */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5rem;
  font-weight:600;
  font-size:.9375rem;
  line-height:1.25;
  padding:.78rem 1.35rem;
  border-radius:var(--iv-r-button);
  border:1px solid transparent;
  text-decoration:none;
  cursor:pointer;
  transition:transform .18s var(--iv-ease),box-shadow .18s var(--iv-ease),background .18s var(--iv-ease);
}
.btn:hover{transform:translateY(-1px)}
.btn-p{
  background:linear-gradient(180deg,var(--iv-blue-600),var(--iv-blue-700));
  color:#fff !important;
  border-color:rgba(255,255,255,.14);
  box-shadow:0 3px 12px rgba(13,107,168,.34);
}
.btn-p:hover{box-shadow:0 8px 22px rgba(13,107,168,.44);color:#fff !important}
.btn-o{
  background:transparent;
  border-color:var(--iv-line-strong);
  color:var(--iv-ink) !important;
}
.btn-o:hover{background:var(--iv-surface-3);border-color:var(--iv-brand);color:var(--iv-brand) !important}
/* nut vien tren nen TOI */
body.home :is(#top,#coverage,#ai) .btn-o,.phero .btn-o,.cta-box .btn-o,footer .btn-o{
  border-color:rgba(255,255,255,.35);
  color:#fff !important;
  background:rgba(255,255,255,.05);
}
body.home :is(#top,#coverage,#ai) .btn-o:hover,.phero .btn-o:hover,.cta-box .btn-o:hover{
  background:rgba(255,255,255,.13);
  border-color:var(--iv-cyan-400);
  color:#fff !important;
}

/* ---------- 12. THE / CARD ----------------------------------------------- */
.bento .cell,.why-card,.case,.ncard,.use,.side-card,.aval,.cov-stat{
  background:var(--iv-surface);
  border:1px solid var(--iv-line);
  border-radius:var(--iv-r-container);
  box-shadow:var(--iv-sh-1);
  transition:box-shadow .22s var(--iv-ease),transform .22s var(--iv-ease),border-color .22s var(--iv-ease);
  container-type:inline-size;
}
.bento .cell:hover,.why-card:hover,.case:hover,.ncard:hover,.use:hover{
  box-shadow:var(--iv-sh-3);
  transform:translateY(-2px);
  border-color:var(--iv-line-strong);
}
/* the tren nen sang tint thi dung nen trang cho noi khoi */
body.home :is(#services,#news,#camera-hai-quan) :is(.cell,.ncard,.use,.case){
  background:var(--iv-surface);
}
/* the trong vung TOI */
body.home :is(#coverage,#ai) :is(.cov-stat,.glass,.aval,.use){
  background:rgba(255,255,255,.05);
  border-color:var(--iv-dark-line);
  box-shadow:none;
  color:var(--iv-on-dark);
}
.cell-head{font-size:var(--iv-fs-h3);font-weight:700;letter-spacing:-.01em}
.cell-body{font-size:var(--iv-fs-small);line-height:var(--iv-lh-body)}
.ic,.ic3d,.nic{border-radius:var(--iv-r-container)}
.go{
  font-weight:600;
  font-size:var(--iv-fs-small);
  color:var(--iv-brand) !important;
  display:inline-flex;
  gap:.35rem;
  align-items:center;
  transition:gap .18s var(--iv-ease);
}
.go:hover{gap:.6rem}
.tag,.ptag,.ncat,.ind{
  display:inline-flex;
  align-items:center;
  font-size:var(--iv-fs-micro);
  font-weight:600;
  letter-spacing:.04em;
  padding:.2rem .6rem;
  border-radius:var(--iv-r-pill);
  background:var(--iv-surface-3);
  color:var(--iv-brand) !important;
  border:1px solid var(--iv-line);
}
body.home :is(#top,#coverage,#ai) :is(.tag,.ptag),.phero .ptag{
  background:rgba(53,208,238,.14);
  color:var(--iv-cyan-300) !important;
  border-color:rgba(53,208,238,.3);
}

/* luoi tu thich ung theo O CHUA (container query) */
.bento,.why-grid,.case-grid,.news-grid,.use-grid,.cov-grid{gap:var(--iv-s5)}
@container (max-width:340px){
  .cell-head{font-size:1.0625rem}
}

/* ---------- 13. DAI SO LIEU / GLASS -------------------------------------- */
.glass,.cov-stats{border-radius:var(--iv-r-container)}
body.page-template-page-infovina .glass{
  background:var(--iv-surface);
  border:1px solid var(--iv-line);
  box-shadow:var(--iv-sh-2);
  color:var(--iv-ink);
}
.cov-stat .n,.glass b,.glass strong,.res b,.metric-v{
  font-size:var(--iv-fs-num);
  font-weight:800;
  letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
  line-height:1.05;
}
body.page-template-page-infovina .glass :is(b,strong){color:var(--iv-brand)}

/* ---------- 14. CASE STUDY ----------------------------------------------- */
.case .quote{
  font-size:var(--iv-fs-small);
  line-height:var(--iv-lh-body);
  border-left:3px solid var(--iv-brand);
  padding-left:var(--iv-s4);
}
.case .res{
  display:flex;
  flex-wrap:wrap;
  gap:var(--iv-s6);
  border-top:1px solid var(--iv-line);
  padding-top:var(--iv-s4);
  margin-top:var(--iv-s4);
}
.case .res b{color:var(--iv-brand);display:block}

/* ---------- 15. BANG THONG SO ------------------------------------------- */
.tw,.table-scroll{overflow-x:auto}
section table,table.spec{
  width:100%;
  border-collapse:collapse;
  background:var(--iv-surface);
  border:1px solid var(--iv-line-strong);
  border-radius:var(--iv-r-container);
  overflow:hidden;
  box-shadow:var(--iv-sh-1);
  font-size:var(--iv-fs-small);
  margin-block:var(--iv-s5);
}
section table :is(th,td),table.spec :is(th,td){
  padding:.72rem 1rem;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--iv-line);
  color:var(--iv-ink-2);
}
section table thead th,table.spec thead th{
  background:var(--iv-surface-3);
  color:var(--iv-ink) !important;
  font-weight:700;
  font-size:var(--iv-fs-micro);
  letter-spacing:.05em;
  text-transform:uppercase;
  border-bottom:2px solid var(--iv-line-strong);
  white-space:normal;
  line-height:1.3;
  text-align:left;
}
section table tbody th,table.spec tbody th{
  color:var(--iv-ink) !important;
  font-weight:600;
  background:var(--iv-surface-2);
  border-right:1.5px solid var(--iv-line-strong);
  white-space:nowrap;
}
section table tbody tr:nth-child(even) td,table.spec tbody tr:nth-child(even) td{
  background:rgba(244,248,251,.7);
}
section table tbody tr:last-child :is(th,td){border-bottom:0}
section table td:last-child,table.spec td:last-child{white-space:nowrap}

/* ---------- 16. PROSE / NOI DUNG TRANG CON ------------------------------- */
.prose{max-width:none}
.prose > * + *{margin-top:var(--iv-s4)}
.prose :is(h2,h3){margin-top:var(--iv-s10);margin-bottom:var(--iv-s3)}
.prose h2{font-size:var(--iv-fs-h2)}
.prose h3{font-size:var(--iv-fs-h3)}
.prose p,.prose li{font-size:var(--iv-fs-body);line-height:var(--iv-lh-loose);max-width:72ch}
.prose ul,.prose ol{padding-left:1.2rem;display:grid;gap:.45rem}
.prose blockquote{
  border-left:3px solid var(--iv-brand);
  background:var(--iv-surface-2);
  border-radius:0 var(--iv-r-container) var(--iv-r-container) 0;
  padding:var(--iv-s4) var(--iv-s5);
  margin:var(--iv-s6) 0;
  color:var(--iv-ink) !important;
  font-weight:500;
}
.prose blockquote :is(p,span){color:var(--iv-ink) !important}
.svc-photo{
  border-radius:var(--iv-r-panel);
  box-shadow:var(--iv-sh-2);
  width:100%;
}
.content-grid{gap:clamp(1.6rem,3.2vw,2.6rem)}

/* the tinh nang / use-grid */
.use{padding:var(--iv-s5)}
.use :is(h3,h4,b,strong){color:var(--iv-ink) !important}
.feat-list .ico{color:var(--iv-brand)}

/* khung canh bao vang */
[style*="fff7e8"],[style*="FFF7E8"],.iv-warn{
  background:var(--iv-amber-50) !important;
  border:1px solid #e8d3a8 !important;
  border-left:4px solid #d99a1e !important;
  border-radius:var(--iv-r-container) !important;
  color:var(--iv-amber-600) !important;
}
[style*="fff7e8"] :is(p,span,li,b,strong){color:var(--iv-amber-600) !important}

/* ---------- 17. DAO TOI TRONG VUNG SANG (so do SVG, panel gia, terminal) -- */
[style*="rgba(10,30,48"],[style*="rgba(10, 30, 48"],.net-model,.term,.iv-dark-island{
  background:linear-gradient(180deg,var(--iv-navy-800),var(--iv-navy-900)) !important;
  border:1px solid var(--iv-dark-line) !important;
  border-radius:var(--iv-r-panel) !important;
  color:var(--iv-on-dark) !important;
  box-shadow:var(--iv-sh-2);
}
[style*="rgba(10,30,48"] :is(p,li,span,div,td,th,small),
[style*="rgba(10, 30, 48"] :is(p,li,span,div,td,th,small),
.net-model :is(p,li,span,div,small),.term :is(p,li,span,div){
  color:var(--iv-on-dark-2) !important;
}
[style*="rgba(10,30,48"] :is(h2,h3,h4,b,strong),
[style*="rgba(10, 30, 48"] :is(h2,h3,h4,b,strong),
.net-model :is(h2,h3,h4,b,strong){color:#fff !important}
.net-model text,.net-model tspan{fill:var(--iv-cyan-300)}

/* bang gia: nen sang, nhan can trai */
.price-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:var(--iv-s4);
}
.price-grid > *{
  background:var(--iv-surface) !important;
  border:1px solid var(--iv-line) !important;
  border-radius:var(--iv-r-container) !important;
  box-shadow:var(--iv-sh-1);
  padding:var(--iv-s5) !important;
  text-align:left !important;
  color:var(--iv-ink) !important;
  position:relative;
}
.price-grid :is(p,li,span,small){color:var(--iv-ink-2) !important;text-align:left !important}
.price-grid :is(h3,h4,b,strong){color:var(--iv-ink) !important}
.price-grid ul{padding-left:1.05rem;margin:var(--iv-s3) 0 0}

/* badge tren the gia */
.price-grid [class*="badge"],.iv-badge{
  position:absolute;
  inset-block-start:-11px;
  inset-inline-end:var(--iv-s4);
  background:linear-gradient(180deg,var(--iv-cyan-400),#12a9cc);
  color:var(--iv-navy-900) !important;
  font-size:var(--iv-fs-micro);
  font-weight:700;
  padding:.15rem .65rem;
  border-radius:var(--iv-r-pill);
  white-space:nowrap;
  box-shadow:0 2px 8px rgba(53,208,238,.4);
}

/* ---------- 18. PHERO (hero trang con) ----------------------------------- */
.phero{
  background:linear-gradient(160deg,var(--iv-navy-800) 0%,var(--iv-navy-900) 68%);
  color:var(--iv-on-dark);
  padding-block:clamp(2.4rem,5vw,4rem);
  border-bottom:1px solid var(--iv-dark-line-2);
  position:relative;
  z-index:1;
}
.phero :is(h1,h2){color:#fff;font-size:var(--iv-fs-h1);font-weight:800;letter-spacing:-.022em}
.phero .lead{color:var(--iv-on-dark-2);font-size:var(--iv-fs-lead);max-width:68ch;line-height:var(--iv-lh-loose)}
.phero :is(p,li){color:var(--iv-on-dark-2)}
.phero :is(b,strong){color:#fff}
.breadcrumb{
  font-size:var(--iv-fs-small);
  color:var(--iv-on-dark-3) !important;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.4rem;
  margin-bottom:var(--iv-s4);
}
.breadcrumb a{color:var(--iv-on-dark-2) !important;text-decoration:none}
.breadcrumb a:hover{color:var(--iv-cyan-300) !important;text-decoration:underline}
.breadcrumb .sep{color:var(--iv-on-dark-3) !important;opacity:.7}

/* ---------- 19. SIDEBAR -------------------------------------------------- */
.side-card{padding:var(--iv-s5)}
.side-card :is(h3,h4){font-size:var(--iv-fs-h3);color:var(--iv-ink) !important;margin-bottom:var(--iv-s3)}
.side-links{display:grid;gap:2px;list-style:none;padding:0;margin:0}
.side-links a{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.6rem .7rem;
  border-radius:var(--iv-r-button);
  font-size:var(--iv-fs-small);
  font-weight:500;
  color:var(--iv-ink-2) !important;
  text-decoration:none;
  transition:background .18s var(--iv-ease),color .18s var(--iv-ease);
}
.side-links a:hover{background:var(--iv-surface-3);color:var(--iv-brand) !important}
.side-links .ar{color:var(--iv-brand)}
.side-cta{
  background:linear-gradient(160deg,var(--iv-blue-600),var(--iv-navy-800));
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--iv-r-container);
  color:#fff !important;
  padding:var(--iv-s5);
  box-shadow:var(--iv-sh-2);
}
.side-cta :is(h3,h4,b,strong){color:#fff !important}
.side-cta :is(p,li,span){color:rgba(255,255,255,.86) !important}

/* ---------- 20. CTA CUOI TRANG ------------------------------------------- */
.cta-box{
  background:linear-gradient(140deg,var(--iv-blue-600) 0%,var(--iv-navy-800) 58%,var(--iv-navy-900) 100%);
  border:1px solid rgba(255,255,255,.13);
  border-radius:var(--iv-r-panel);
  color:#fff !important;
  padding:clamp(1.8rem,4vw,3rem);
  box-shadow:0 24px 48px -22px rgba(8,36,60,.6);
  position:relative;
  overflow:hidden;
}
.cta-box::after{
  content:"";
  position:absolute;
  inset-block-start:-40%;
  inset-inline-end:-10%;
  width:46%;
  aspect-ratio:1;
  background:radial-gradient(circle,rgba(53,208,238,.22),transparent 68%);
  pointer-events:none;
}
.cta-box :is(h2,h3,h4,b,strong){color:#fff !important;position:relative}
.cta-box :is(p,li,span){color:rgba(255,255,255,.85) !important;position:relative}
.cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:var(--iv-s3);
  margin-top:var(--iv-s6);
  position:relative;
}

/* ---------- 21. CHAT NANCY ----------------------------------------------- */
.chatw{
  background:rgba(255,255,255,.055) !important;
  border:1px solid var(--iv-dark-line) !important;
  border-radius:var(--iv-r-panel) !important;
  box-shadow:0 26px 54px -24px rgba(0,0,0,.6);
  position:relative;
  z-index:2;
  color:var(--iv-on-dark) !important;
}
.chatw :is(p,span,div){color:var(--iv-on-dark) !important}
.chatw-top{border-bottom:1px solid var(--iv-dark-line-2)}
.chatw .bub{
  background:rgba(255,255,255,.09);
  border:1px solid var(--iv-dark-line-2);
  border-radius:14px;
  line-height:var(--iv-lh-body);
}
.chatw .bub.b{background:linear-gradient(180deg,var(--iv-blue-600),var(--iv-blue-700));border-color:transparent}
.qchip{
  background:rgba(53,208,238,.12);
  border:1px solid rgba(53,208,238,.32);
  color:var(--iv-cyan-300) !important;
  border-radius:var(--iv-r-pill);
  font-size:var(--iv-fs-small);
  font-weight:500;
  padding:.4rem .85rem;
  cursor:pointer;
  transition:background .18s var(--iv-ease),transform .18s var(--iv-ease);
}
.qchip:hover{background:rgba(53,208,238,.22);transform:translateY(-1px)}
.chatw-in input,.chatw-in textarea{
  background:rgba(255,255,255,.08);
  border:1px solid var(--iv-dark-line);
  border-radius:var(--iv-r-button);
  color:#fff;
  font-size:.9375rem;
  padding:.65rem .85rem;
  field-sizing:content;
}
.chatw-in input::placeholder{color:var(--iv-on-dark-3)}

/* ---------- 22. FOOTER --------------------------------------------------- */
footer{
  background:linear-gradient(180deg,var(--iv-navy-900),#061c30);
  color:var(--iv-on-dark-2);
  border-top:1px solid var(--iv-dark-line-2);
  position:relative;
  z-index:1;
}
footer :is(p,li,span,div){color:var(--iv-on-dark-2)}
footer :is(h3,h4,b,strong){color:#fff}
.foot-grid{gap:clamp(1.6rem,3.2vw,2.6rem)}
.foot-grid h3,.foot-grid h4,.foot-grid > div > b{
  font-size:var(--iv-fs-micro);
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#fff;
  margin-bottom:var(--iv-s3);
}
.flist{list-style:none;padding:0;margin:0;display:grid;gap:1px}
.flist a,.fitem{
  color:var(--iv-on-dark-2) !important;
  font-size:var(--iv-fs-small);
  text-decoration:none;
  padding-block:.3rem;
  transition:color .18s var(--iv-ease),padding-inline-start .18s var(--iv-ease);
}
.flist a:hover{color:var(--iv-cyan-300) !important;padding-inline-start:3px}
.flist .ar{color:var(--iv-cyan-400);opacity:.7}
.socrow{display:flex;gap:var(--iv-s3);flex-wrap:wrap}
.socrow a{
  width:var(--iv-tap);height:var(--iv-tap);
  display:grid;place-items:center;
  border-radius:var(--iv-r-button);
  border:1px solid var(--iv-dark-line);
  background:rgba(255,255,255,.06);
  transition:transform .18s var(--iv-ease),background .18s var(--iv-ease);
}
.socrow a:hover{transform:translateY(-2px);background:rgba(255,255,255,.14)}
.foot-bottom{
  border-top:1px solid var(--iv-dark-line-2);
  padding-block:var(--iv-s5);
  font-size:var(--iv-fs-small);
  color:var(--iv-on-dark-3);
  text-align:center;
}

/* ---------- 23. THANH PHAN MOI (dung cho HTML giai doan 2) --------------- */
.iv-proof{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));
  gap:1px;
  background:var(--iv-dark-line-2);
  border:1px solid var(--iv-dark-line-2);
  border-radius:var(--iv-r-container);
  overflow:hidden;
  margin-top:clamp(2rem,4vw,3rem);
}
.iv-proof > div{
  background:rgba(255,255,255,.045);
  padding:var(--iv-s5) var(--iv-s5);
  display:grid;
  gap:.25rem;
}
.iv-proof .v{
  font-size:var(--iv-fs-num);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.05;
  color:#fff;
  font-variant-numeric:tabular-nums;
}
.iv-proof .l{font-size:var(--iv-fs-small);color:var(--iv-on-dark-2)}

.iv-logowall{display:grid;gap:var(--iv-s6)}
.iv-logowall .row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:clamp(1.4rem,4vw,3.2rem);
}
.iv-logowall .cap{
  text-align:center;
  font-size:var(--iv-fs-micro);
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--iv-ink-3) !important;
  margin-bottom:var(--iv-s4);
}
.iv-logowall img{
  height:clamp(26px,3.4vw,38px);
  width:auto;
  filter:grayscale(1);
  opacity:.66;
  transition:filter .22s var(--iv-ease),opacity .22s var(--iv-ease);
}
.iv-logowall img:hover{filter:none;opacity:1}
.iv-logowall .txtlogo{
  font-weight:700;
  font-size:clamp(.95rem,1.6vw,1.15rem);
  letter-spacing:.02em;
  color:var(--iv-ink-3) !important;
  transition:color .22s var(--iv-ease);
}
.iv-logowall .txtlogo:hover{color:var(--iv-ink) !important}

/* ---------- 24. RESPONSIVE ----------------------------------------------- */
@media (max-width:1080px){
  .content-grid,.about-grid,.ai-grid,.hero-inner{grid-template-columns:1fr !important}
  .navlinks > li > a,.navlinks .drop > a{padding:.5rem .5rem;font-size:.78125rem}
}
@media (max-width:900px){
  .navlinks{display:none}
  .navr .ncta{padding:.5rem .8rem;font-size:.8125rem}
  .navr .lang button{padding:.28rem .5rem}
}
@media (max-width:760px){
  .use-grid,.price-grid,.why-grid,.case-grid,.news-grid,.cov-grid,.bento{
    grid-template-columns:1fr !important;
  }
  .iv-proof{grid-template-columns:repeat(2,1fr)}
  section table,table.spec{
    display:block !important;
    overflow-x:auto !important;
    white-space:normal;
  }
  .cta-actions .btn,.hero-cta .btn{width:100%}
  .sec-head{text-align:left}
  .sec-head .eyebrow{justify-content:flex-start}
  .sec-head p{margin-inline:0}
}
@media (max-width:520px){
  .iv-proof{grid-template-columns:1fr}
}

/* ---------- 25. MENU MOBILE (giu ten class cua mnavInit) ----------------- */
.mnav-btn{
  display:none;
  width:var(--iv-tap);height:var(--iv-tap);
  align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);
  border:1px solid var(--iv-dark-line);
  border-radius:var(--iv-r-button);
  color:#fff;
  font-size:1.25rem;
  line-height:1;
  cursor:pointer;
}
@media (max-width:900px){
  .mnav-btn{display:inline-flex}
  /* BAY: header co transform nen position:fixed bi nhot -> dung absolute */
  header.mnav-open .navlinks{
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    position:absolute;
    inset-inline:0;
    inset-block-start:100%;
    height:calc(100dvh - 68px);
    overflow-y:auto;
    background:#0b2c48;                 /* nen DAC, khong xuyen chu */
    border-top:1px solid var(--iv-dark-line);
    padding:var(--iv-s3) var(--iv-gut) var(--iv-s10);
    gap:0;
    margin:0;
    z-index:60;
  }
  header.mnav-open .navlinks > li{width:100%}
  header.mnav-open .navlinks > li > a,
  header.mnav-open .navlinks > li > .dt,
  header.mnav-open .navlinks .drop > a{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    padding:.95rem .25rem;
    font-size:1rem;
    font-weight:600;
    border-bottom:1px solid var(--iv-dark-line-2);
    border-radius:0;
  }
  /* don caret trang tri cua desktop */
  header.mnav-open .navlinks :is(a,.dt)::before,
  header.mnav-open .navlinks :is(a,.dt)::after{display:none !important}
  header.mnav-open .drop-menu{
    position:static !important;
    display:none;
    background:rgba(255,255,255,.045);
    border:0;
    border-radius:0;
    box-shadow:none;
    padding:.25rem 0 .5rem .9rem;
    min-width:0;
    opacity:1 !important;
    transform:none !important;
    visibility:visible !important;
  }
  header.mnav-open .drop.open > .drop-menu{display:block}
  header.mnav-open .drop-menu a{padding:.7rem .25rem;font-size:.9375rem;border-bottom:1px solid var(--iv-dark-line-2)}
  body.mnav-lock{overflow:hidden}
}

/* ---------- 26. HIEU NANG ------------------------------------------------ */
/* giam tai GPU tren may yeu / dien thoai */
@media (max-width:900px),(prefers-reduced-motion:reduce){
  .aurora,.grid-bg,[class*="blob"]{display:none !important}
  header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a2a44}
  .cta-box::after{display:none}
}
/* render nhanh hon o trang dai */
body.page-template-page-infovina > section > .wrap > *{
  content-visibility:auto;
  contain-intrinsic-size:auto 480px;
}

/* ---------- 27. CHUYEN TRANG (View Transitions) ------------------------- */
@view-transition{navigation:auto}
::view-transition-old(root){animation:iv-fo .18s var(--iv-ease) both}
::view-transition-new(root){animation:iv-fi .26s var(--iv-ease) both}
@keyframes iv-fo{to{opacity:0}}
@keyframes iv-fi{from{opacity:0;transform:translateY(6px)}}
header{view-transition-name:iv-header}
footer{view-transition-name:iv-footer}
@media (prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}

/* ---------- 28. BAI VIET (post) dong bo tong trang dich vu --------------- */
body.single article,body.single .entry-content{
  background:var(--iv-surface);
  color:var(--iv-ink);
  border-radius:var(--iv-r-panel);
}
body.single .entry-content :is(p,li){color:var(--iv-ink-2);line-height:var(--iv-lh-loose)}
body.single .entry-content :is(h1,h2,h3,h4){color:var(--iv-ink)}
body.single .entry-content a{color:var(--iv-brand)}

/* ---------- 29. IN AN --------------------------------------------------- */
@media print{
  header,footer,.chatw,.side-cta,.cta-box,.aurora,.grid-bg{display:none !important}
  body,section{background:#fff !important;color:#000 !important}
}

/* ---------- 30. PATCH v10.1 ---------- */
header{zoom:1 !important}
body{overflow-x:clip}
.glass b,.glass strong{font-size:inherit;font-weight:700;letter-spacing:normal}
body.page-template-page-infovina .glass b,body.page-template-page-infovina .glass strong,.cov-stat b,.cov-stat .n,.res b,.metric-v{font-size:var(--iv-fs-num);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.05}
.chatw b,.chatw strong{font-size:1.0625rem !important;font-weight:700 !important;letter-spacing:normal !important;line-height:1.3 !important}
#coverage .cov-grid{align-items:start}
.hero-badges,.hero-cta{align-items:center}

/* ---------- 31. PATCH v10.2: inline-style cu tren nen sang ---------- */
:where(body.home #about,body.home #services,body.home #why,body.home #cases,body.home #news,body.home #contact,body.home #camera-hai-quan,body.page-template-page-infovina > section) [style*="rgba(24,60,94" i]{background:var(--iv-surface) !important;border:1px solid var(--iv-line) !important;box-shadow:var(--iv-sh-1);color:var(--iv-ink) !important;transition:box-shadow .22s var(--iv-ease),border-color .22s var(--iv-ease)}
:where(body.home #about,body.home #services,body.home #why,body.home #cases,body.home #news,body.home #contact,body.home #camera-hai-quan,body.page-template-page-infovina > section) [style*="rgba(24,60,94" i]:hover{border-color:var(--iv-line-strong) !important;box-shadow:var(--iv-sh-3)}
:where(body.home #about,body.home #services,body.home #why,body.home #cases,body.home #news,body.home #contact,body.home #camera-hai-quan,body.page-template-page-infovina > section) [style*="7de3f4" i]:not(.cta-box *):not(.term *):not(.side-cta *):not(.btn):not(.ncta):not([style*="rgba(10,30,48" i] *){color:var(--iv-brand) !important}
:where(body.home #about,body.home #services,body.home #why,body.home #cases,body.home #news,body.home #contact,body.home #camera-hai-quan,body.page-template-page-infovina > section) :is([style*="d6e6f2" i],[style*="eef6fb" i],[style*="c9dbe8" i]):not(.cta-box *):not(.term *):not(.side-cta *):not(.btn):not(.ncta):not([style*="rgba(10,30,48" i] *){color:var(--iv-ink-2) !important}
:where(body.home #about,body.home #services,body.home #why,body.home #cases,body.home #news,body.home #contact,body.home #camera-hai-quan,body.page-template-page-infovina > section) [style*="color:#fff" i]:not(.cta-box *):not(.term *):not(.side-cta *):not(.btn):not(.ncta):not([style*="rgba(10,30,48" i] *){color:var(--iv-ink) !important}

/* ---------- 32. PATCH v10.3: khoi theme mac dinh toi tren nen sang ---------- */
:where(body.home #about,body.home #services,body.home #why,body.home #cases,body.home #news,body.home #contact,body.home #camera-hai-quan,body.page-template-page-infovina > section) .feat-list li{background:var(--iv-surface) !important;border:1px solid var(--iv-line) !important;border-radius:var(--iv-r-container) !important;box-shadow:var(--iv-sh-1);color:var(--iv-ink-2) !important;transition:box-shadow .22s var(--iv-ease),border-color .22s var(--iv-ease)}
:where(body.home #about,body.home #services,body.home #why,body.home #cases,body.home #news,body.home #contact,body.home #camera-hai-quan,body.page-template-page-infovina > section) .feat-list li:hover{border-color:var(--iv-line-strong) !important;box-shadow:var(--iv-sh-3)}
:where(body.home #about,body.home #services,body.home #why,body.home #cases,body.home #news,body.home #contact,body.home #camera-hai-quan,body.page-template-page-infovina > section) .feat-list li :is(b,strong){color:var(--iv-ink) !important}
:where(body.home #about,body.home #services,body.home #why,body.home #cases,body.home #news,body.home #contact,body.home #camera-hai-quan,body.page-template-page-infovina > section) .feat-list li .tx{color:var(--iv-ink-2) !important}
:where(body.home #about,body.home #services,body.home #why,body.home #cases,body.home #news,body.home #contact,body.home #camera-hai-quan,body.page-template-page-infovina > section) .apill{background:var(--iv-surface-3) !important;border:1px solid var(--iv-line) !important;color:var(--iv-ink-2) !important;border-radius:var(--iv-r-pill) !important}
:where(body.home #about,body.home #services,body.home #why,body.home #cases,body.home #news,body.home #contact,body.home #camera-hai-quan,body.page-template-page-infovina > section) .apill :is(b,strong,span,.n){color:var(--iv-ink) !important}
:where(body.home #about,body.home #services,body.home #why,body.home #cases,body.home #news,body.home #contact,body.home #camera-hai-quan,body.page-template-page-infovina > section) .aval{background:var(--iv-surface) !important;border:1px solid var(--iv-line) !important;color:var(--iv-ink-2) !important}

/* ---------- 33. PATCH v10.4: anh xa BIEN MAU CUA THEME theo vung ---------- */
body.home :is(#about,#services,#why,#cases,#news,#contact,#camera-hai-quan),
body.page-template-page-infovina > section,
body.single > section,body.blog:not(.home) > section{
  --tx:var(--iv-ink);--tx-dim:var(--iv-ink-2);--tx-mute:var(--iv-ink-3);--muted:var(--iv-ink-3);
  --glass:var(--iv-surface);--glass-brd:var(--iv-line);
  --cyan-2:var(--iv-brand);--cyan-soft:var(--iv-brand);--glow:rgba(13,107,168,.18);
}
/* dao TOI nam trong vung sang: tra bien ve tong toi */
body :is(.cta-box,.term,.net-model,.side-cta,.chatw,[style*="rgba(10,30,48" i]),
body.home :is(#top,#coverage,#ai),.phero,header,footer{
  --tx:#fff;--tx-dim:var(--iv-on-dark-2);--tx-mute:var(--iv-on-dark-3);--muted:var(--iv-on-dark-3);
  --glass:rgba(255,255,255,.06);--glass-brd:var(--iv-dark-line);
  --cyan-2:var(--iv-cyan-300);--cyan-soft:var(--iv-cyan-300);
}
body.page-template-page-infovina > section .side-links .ar,
body.page-template-page-infovina > section .side-links a > span:first-child{color:var(--iv-brand) !important}

/* ---------- 34. PATCH v10.5: dai logo khach hang (marquee) ---------- */
.marq{background:linear-gradient(180deg,var(--iv-navy-900) 0%,var(--iv-navy-800) 100%);border-block:1px solid var(--iv-dark-line-2);padding-block:clamp(1.6rem,3vw,2.4rem);position:relative;z-index:1;overflow:hidden}
.marq-label{color:var(--iv-cyan-300) !important;font-size:var(--iv-fs-micro);font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-align:center;margin-bottom:var(--iv-s5)}
.marq-label span{color:var(--iv-cyan-300) !important}
.marq-inner{gap:clamp(1rem,2.4vw,2rem)}
.mbrand{display:inline-flex;align-items:center;gap:.6rem;padding:.55rem .95rem;border-radius:var(--iv-r-button);background:rgba(255,255,255,.05);border:1px solid var(--iv-dark-line-2);white-space:nowrap}
.mname{color:var(--iv-on-dark-2) !important;font-weight:600;font-size:var(--iv-fs-small)}
.mlogo{border-radius:8px;flex:none}
@media (prefers-reduced-motion:reduce){.marq-inner{animation:none !important;justify-content:center;flex-wrap:wrap}}

/* ---------- 35. PATCH v10.6: cta-box.glass bi rule .glass de len ---------- */
body .cta-box,body.page-template-page-infovina .cta-box.glass,body.home .cta-box.glass{background:linear-gradient(140deg,var(--iv-blue-600) 0%,var(--iv-navy-800) 58%,var(--iv-navy-900) 100%) !important;border:1px solid rgba(255,255,255,.13) !important;color:#fff !important;box-shadow:0 24px 48px -22px rgba(8,36,60,.6) !important}
body.page-template-page-infovina .glass:is(.cta-box) b,body.page-template-page-infovina .glass:is(.cta-box) strong{font-size:inherit;font-weight:700;letter-spacing:normal;color:#fff !important}
body .side-cta.glass{background:linear-gradient(160deg,var(--iv-blue-600),var(--iv-navy-800)) !important;color:#fff !important}

/* ---------- 36. PATCH v10.7: header 2 hang tren dien thoai nho ---------- */
@media (max-width:600px){
  header .nav{flex-wrap:wrap;row-gap:.35rem;padding-block:.45rem;min-height:0}
  .brand{order:1}
  .mnav-btn{order:2;margin-inline-start:auto}
  .navr{order:3;width:100%;justify-content:space-between;gap:.5rem}
  .navr .lang{flex:0 1 auto}
  .navr .ncta{flex:0 0 auto}
  header.mnav-open .navlinks{height:calc(100dvh - 118px)}
}

/* ---------- 37. PATCH v10.8: muc menu la con TRUC TIEP cua .navlinks ---------- */
.navlinks > a{font-size:.8125rem;font-weight:600;letter-spacing:.01em;text-transform:none !important;color:var(--iv-on-dark) !important;padding:.55rem .7rem;border-radius:var(--iv-r-button);white-space:nowrap;min-height:var(--iv-tap);display:inline-flex;align-items:center;transition:background .18s var(--iv-ease),color .18s var(--iv-ease)}
.navlinks > a:hover{background:rgba(255,255,255,.09);color:#fff !important}
@media (max-width:900px){
  header.mnav-open .navlinks > a{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:.95rem .25rem;font-size:1rem;font-weight:600;border-bottom:1px solid var(--iv-dark-line-2);border-radius:0}
}

/* ---------- 38. PATCH v10.9: menu khong tran o man hinh 1100-1350px ---------- */
.wrap{box-sizing:border-box}
header .nav{max-width:100%}
.navr{min-width:0}
@media (max-width:1350px){
  .navlinks > a,.navlinks > li > a,.navlinks .drop > a,.navlinks > li > .dt{padding:.5rem .42rem;font-size:.78125rem}
  .navr{gap:.5rem}
  .navr .ncta{padding:.55rem .8rem;font-size:.8125rem}
  .navr .lang{padding:2px}
  .navr .lang button{padding:.26rem .48rem;font-size:.72rem}
}
@media (max-width:1150px){
  .navlinks > a,.navlinks > li > a,.navlinks .drop > a,.navlinks > li > .dt{padding:.5rem .3rem;font-size:.75rem}
}

/* ---------- 39. PATCH v10.10: thanh phan moi (KPI, chung chi, nganh doc, ket qua) ---------- */
.iv-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1px;background:var(--iv-line);border:1px solid var(--iv-line);border-radius:var(--iv-r-container);overflow:hidden;margin:var(--iv-s6) 0}
.iv-kpi > div{background:var(--iv-surface);padding:var(--iv-s5);display:grid;gap:.2rem}
.iv-kpi .v{font-size:var(--iv-fs-num);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:var(--iv-brand) !important;font-variant-numeric:tabular-nums}
.iv-kpi .l{font-size:var(--iv-fs-small);color:var(--iv-ink-2) !important;line-height:1.45}
.iv-cert{display:grid;gap:var(--iv-s5);margin:var(--iv-s6) 0}
.iv-cert .grp{display:grid;gap:var(--iv-s3)}
.iv-cert .cap{font-size:var(--iv-fs-micro);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--iv-ink-3) !important}
.iv-cert .row{display:flex;flex-wrap:wrap;gap:var(--iv-s3)}
.iv-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border:1px solid var(--iv-line);border-radius:var(--iv-r-button);background:var(--iv-surface);font-size:var(--iv-fs-small);font-weight:600;color:var(--iv-ink-2) !important;box-shadow:var(--iv-sh-1);transition:border-color .2s var(--iv-ease),box-shadow .2s var(--iv-ease)}
.iv-chip:hover{border-color:var(--iv-line-strong);box-shadow:var(--iv-sh-2)}
.iv-chip b{color:var(--iv-ink) !important;font-weight:700}
.iv-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--iv-brand);flex:none}
body.home :is(#top,#coverage,#ai) .iv-chip,.phero .iv-chip,.cta-box .iv-chip{background:rgba(255,255,255,.05);border-color:var(--iv-dark-line);color:var(--iv-on-dark-2) !important;box-shadow:none}
body.home :is(#top,#coverage,#ai) .iv-chip b,.phero .iv-chip b{color:#fff !important}
.iv-vert{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--iv-s3)}
.iv-vert a{display:block;padding:var(--iv-s4);border:1px solid var(--iv-line);border-radius:var(--iv-r-container);background:var(--iv-surface);text-decoration:none;font-weight:700;font-size:var(--iv-fs-small);color:var(--iv-ink) !important;box-shadow:var(--iv-sh-1);transition:transform .2s var(--iv-ease),box-shadow .2s var(--iv-ease),border-color .2s var(--iv-ease)}
.iv-vert a:hover{border-color:var(--iv-line-strong);box-shadow:var(--iv-sh-3);transform:translateY(-2px)}
.iv-vert a span{display:block;font-weight:400;color:var(--iv-ink-2) !important;font-size:var(--iv-fs-micro);margin-top:.25rem;line-height:1.45}
.iv-res{display:flex;flex-wrap:wrap;gap:var(--iv-s6);border-top:1px solid var(--iv-line);padding-top:var(--iv-s4);margin-top:var(--iv-s4)}
.iv-res > div{display:grid;gap:.1rem}
.iv-res .v{font-size:1.4rem;font-weight:800;color:var(--iv-brand) !important;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}
.iv-res .l{font-size:var(--iv-fs-micro);color:var(--iv-ink-3) !important;line-height:1.4}
@media print{.iv-kpi,.iv-chip,.iv-vert a,table{break-inside:avoid}header,footer,.chatw,.side-cta,.cta-box{display:none !important}}

/* ---------- 40. PATCH v10.11: o so lieu + tieu de trong the ---------- */
body.page-template-page-infovina .glass > div{display:grid;gap:.22rem;align-content:start}
body.page-template-page-infovina .glass > div > span{font-size:var(--iv-fs-small);color:var(--iv-ink-2) !important;line-height:1.45}
.prose :is(.use,.cell,.ncard,.side-card,.iv-kpi,.iv-vert) :is(h2,h3,h4){margin-top:0}
.prose .use-grid,.prose .iv-cert,.prose .iv-kpi,.prose table{margin-block:var(--iv-s5)}
.prose .use{padding:var(--iv-s5)}

/* ---------- 41. PATCH v10.12: hero tinh chay theo luong, khong absolute ---------- */
#top .hero-carousel{position:relative;min-height:0}
#top .hslides{position:relative;height:auto;min-height:0}
#top .hslide{position:relative !important;inset:auto !important;opacity:1 !important;transform:none !important;transition:none !important;animation:none !important}
#top .hs-title{font-size:clamp(1.85rem,1.15rem + 2.5vw,2.95rem);line-height:1.16}
#top .hs-desc{margin-top:var(--iv-s4)}

/* ---------- 42. PATCH v10.13: section #trust (uy tin ben thu ba) + case-grid 3 cot ---------- */
body.home #trust{background:var(--iv-surface-2);color:var(--iv-ink);border-block:1px solid var(--iv-line);position:relative;z-index:1;padding-block:var(--iv-band);--tx:var(--iv-ink);--tx-dim:var(--iv-ink-2);--tx-mute:var(--iv-ink-3);--muted:var(--iv-ink-3);--glass:var(--iv-surface);--glass-brd:var(--iv-line);--cyan-2:var(--iv-brand);--cyan-soft:var(--iv-brand)}
body.home #trust :where(h1,h2,h3,h4,h5,p,li,span,div,b,strong,small,em){color:inherit}
body.home #trust :is(p,li){color:var(--iv-ink-2)}
body.home #trust :is(h2,h3,h4,b,strong){color:var(--iv-ink)}
body.home #trust .eyebrow{color:var(--iv-brand) !important}
body.home #trust .cap{color:var(--iv-ink-3) !important}
body.home #trust .iv-chip{color:var(--iv-ink-2) !important}
body.home #trust .iv-chip b{color:var(--iv-ink) !important}
body.home #cases .case-grid{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr))}
body.home #cases .case .go{margin-top:var(--iv-s4)}

/* ---------- 43. PATCH v10.14: lop tuan thu o footer ---------- */
.foot-legal{border-top:1px solid var(--iv-dark-line-2);padding-block:var(--iv-s5);display:grid;gap:var(--iv-s3)}
.fl-links{display:flex;flex-wrap:wrap;gap:var(--iv-s2) var(--iv-s5)}
.fl-links a{color:var(--iv-on-dark-2) !important;font-size:var(--iv-fs-small);font-weight:500;text-decoration:none;min-height:var(--iv-tap);display:inline-flex;align-items:center;transition:color .18s var(--iv-ease)}
.fl-links a:hover{color:var(--iv-cyan-300) !important;text-decoration:underline;text-underline-offset:3px}
.fl-note{font-size:var(--iv-fs-micro);color:var(--iv-on-dark-3) !important;max-width:96ch;line-height:1.6}
.foot-bottom{border-top:1px solid var(--iv-dark-line-2)}

/* ---------- 44. PATCH v10.15: hover menu bi mat chu + footer gon lai ---------- */
/* theme dung -webkit-text-fill-color:transparent cho hieu ung gradient khi hover -> mat chu khi ta doi background */
.navlinks > a:hover,.navlinks > li > a:hover,.navlinks .drop:hover > a,.navlinks > .drop:hover > a,.navlinks > li > .dt:hover{-webkit-text-fill-color:currentColor !important;background-image:none !important}
.navlinks a,.navlinks .dt{-webkit-text-fill-color:currentColor}
.flist a,.fitem{min-height:34px;padding-block:.3rem}
.flist{gap:0}

/* ---------- 45. PATCH v10.16: header dien thoai nho khong bi cat hang 2 ---------- */
@media (max-width:600px){
  header .nav{height:auto !important;min-height:0}
  header{padding-block:0}
  header.mnav-open .navlinks{height:calc(100dvh - 130px)}
}

/* ---------- 46. PATCH v10.17: section #solutions-by (nganh doc + phan khuc) ---------- */
body.home #solutions-by{background:var(--iv-surface);color:var(--iv-ink);border-block:1px solid var(--iv-line);position:relative;z-index:1;padding-block:var(--iv-band);--tx:var(--iv-ink);--tx-dim:var(--iv-ink-2);--tx-mute:var(--iv-ink-3);--muted:var(--iv-ink-3);--glass:var(--iv-surface);--glass-brd:var(--iv-line);--cyan-2:var(--iv-brand);--cyan-soft:var(--iv-brand)}
body.home #solutions-by :where(h1,h2,h3,h4,h5,p,li,span,div,b,strong,small,em,a){color:inherit}
body.home #solutions-by :is(p,li){color:var(--iv-ink-2)}
body.home #solutions-by :is(h2,h3,h4,b,strong){color:var(--iv-ink)}
body.home #solutions-by .eyebrow{color:var(--iv-brand) !important}
body.home #solutions-by .cap{color:var(--iv-ink-3) !important}
body.home #solutions-by .iv-vert a{color:var(--iv-ink) !important}
body.home #solutions-by .iv-vert a span{color:var(--iv-ink-2) !important}
body.home #solutions-by .use{background:var(--iv-surface);border:1px solid var(--iv-line);border-radius:var(--iv-r-container);box-shadow:var(--iv-sh-1);padding:var(--iv-s5);display:grid;gap:var(--iv-s3);align-content:start}
body.home #solutions-by .use:hover{border-color:var(--iv-line-strong);box-shadow:var(--iv-sh-3)}
body.home #solutions-by .use h3{font-size:var(--iv-fs-h3);margin:0}
body.home #solutions-by .use p{margin:0;font-size:var(--iv-fs-small)}
body.home #solutions-by .use .go{color:var(--iv-brand) !important}
body.home #solutions-by .use-grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--iv-s5)}
body.home #solutions-by .iv-cert{margin-block:var(--iv-s6)}

/* ---------- 47. PATCH v10.18: .iv-vert lam lo ca 5 ngon ngu (rule span de len [data-l]) ---------- */
.iv-vert a span{display:inline}
.iv-vert a span:not([data-l]){display:block;font-weight:400;color:var(--iv-ink-2) !important;font-size:var(--iv-fs-micro);margin-top:.25rem;line-height:1.45}
body.home #solutions-by .iv-vert a span:not([data-l]){color:var(--iv-ink-2) !important}
/* luoi an toan: phan tu da ngu khong co .on thi khong hien */
[data-l]:not(.on){display:none}

/* ---------- 48. PATCH v10.19: use-grid ngoai .prose can display:grid ---------- */
body.home #solutions-by .use-grid{display:grid}
.iv-cert .use-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:var(--iv-s5)}


/* ===== PATCH v10.20 — nut tai ho so nang luc (PDF) ===== */
.iv-dl{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.1rem;margin-top:1.25rem}
.iv-dl a.btn-p{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--iv-tap);padding:.7rem 1.35rem;border-radius:var(--iv-r-button);background:var(--iv-cyan-400);color:var(--iv-navy-900) !important;-webkit-text-fill-color:var(--iv-navy-900);font-weight:700;font-size:.95rem;line-height:1.3;text-decoration:none;border:1px solid transparent;transition:transform .18s var(--iv-ease),box-shadow .18s var(--iv-ease)}
.iv-dl a.btn-p:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(53,208,238,.28)}
.iv-dl a.btn-p:focus-visible{outline:3px solid #fff;outline-offset:3px}
.iv-dl .iv-dl-note{font-size:var(--iv-fs-micro);color:var(--iv-on-dark-2);letter-spacing:.02em;line-height:1.5}
@media (max-width:520px){.iv-dl a.btn-p{width:100%;justify-content:center}}


/* ===== PATCH v10.21 — bang bieu tren mobile (khong tran ngang) ===== */
@media (max-width:760px){
  .prose table{table-layout:fixed;width:100%;max-width:100%}
  .prose table th,.prose table td{min-width:0;overflow-wrap:anywhere;word-break:break-word;padding:.6rem .55rem;font-size:.92rem;line-height:1.55}
}


/* ===== PATCH v10.22 — chan tran ngang do grid item min-width:auto ===== */
.wrap,.wrap > *,.prose,.prose > *{min-width:0}
.prose table{max-width:100%}
.prose pre,.prose code{overflow-x:auto;max-width:100%}


/* ===== PATCH v10.23 — tang tuong phan chu phu (WCAG AA cho chu 12-14px) ===== */
:root{--iv-ink-3:#56758e}


/* ===== PATCH v10.24 — so lieu KPI mau cyan tren nen trang (WCAG) ===== */
body.page-template .glass,body.page-template-page-infovina .glass{--cyan:var(--iv-brand)}
body.page-template .glass [style*="color:var(--cyan)" i],body.page-template .glass [style*="color: var(--cyan)" i]{color:var(--iv-brand) !important}


/* ===== PATCH v10.25 — khoi .glass nen trang phai dung bien vung SANG ===== */
body :is(.glass):not(.cta-box):not(.term):not(.side-cta):not(.chatw):not(.net-model){
  --tx:var(--iv-ink);--tx-dim:var(--iv-ink-2);--tx-mute:var(--iv-ink-3);--muted:var(--iv-ink-3);
  --cyan:var(--iv-brand);--cyan-2:var(--iv-brand);--cyan-soft:var(--iv-brand);
  --glass-brd:var(--iv-line);
}


/* ===== PATCH v10.26 — chu cyan inline (#7de3f4) trong the trang ===== */
body.page-template-page-infovina > section [style*="7de3f4" i]:not(.cta-box *):not(.term *):not(.side-cta *):not(.net-model *):not([style*="rgba(10,30,48" i] *),
body.home :is(#about,#services,#solutions-by,#why,#cases,#trust,#news,#contact,#camera-hai-quan) [style*="7de3f4" i]:not(.cta-box *):not(.term *):not(.side-cta *):not(.net-model *){color:var(--iv-brand) !important}


/* ===== PATCH v10.27 — uu tien cao hon cho chu cyan inline tren the trang ===== */
html body.page-template-page-infovina section .price-grid [style*="7de3f4" i]:not(#x),
html body.page-template-page-infovina section .glass [style*="7de3f4" i]:not(#x),
html body.page-template-page-infovina section [style*="background:#fff" i] [style*="7de3f4" i]:not(#x){color:var(--iv-brand) !important}


/* ===== PATCH v10.28 — chu trang inline trong the nen trang ===== */
html body.page-template-page-infovina section .price-grid [style*="color:#fff" i]:not(#x),
html body.page-template-page-infovina section .price-grid [style*="color: #fff" i]:not(#x),
html body.page-template-page-infovina section .glass [style*="color:#fff" i]:not(#x),
html body.page-template-page-infovina section .glass [style*="color: #fff" i]:not(#x){color:var(--iv-ink) !important}


/* ===== PATCH v10.29 — form lien he ===== */
.iv-form{margin:1.25rem 0 0;display:block}
.iv-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.iv-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}
.iv-form label{display:block;font-size:.9rem;font-weight:600;color:var(--iv-ink-2);margin-bottom:0}
.iv-form .req{color:#c0392b}
.iv-form input,.iv-form select,.iv-form textarea{display:block;width:100%;margin-top:.4rem;padding:.7rem .85rem;font:inherit;font-weight:400;font-size:1rem;color:var(--iv-ink);background:var(--iv-surface);border:1px solid var(--iv-line);border-radius:var(--iv-r-button);min-height:var(--iv-tap);transition:border-color .16s var(--iv-ease),box-shadow .16s var(--iv-ease)}
.iv-form textarea{min-height:120px;resize:vertical;field-sizing:content}
.iv-form input:focus-visible,.iv-form select:focus-visible,.iv-form textarea:focus-visible{outline:none;border-color:var(--iv-brand);box-shadow:0 0 0 3px rgba(13,107,168,.18)}
.iv-form-full{margin-top:1rem}
.iv-form .iv-form-send{margin-top:1.1rem;display:inline-flex;align-items:center;justify-content:center;min-height:var(--iv-tap);padding:.75rem 1.6rem;border:0;border-radius:var(--iv-r-button);background:var(--iv-brand);color:#fff !important;-webkit-text-fill-color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .16s var(--iv-ease),box-shadow .16s var(--iv-ease)}
.iv-form .iv-form-send:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(13,107,168,.28)}
.iv-form .iv-form-note{margin-top:.7rem;font-size:var(--iv-fs-micro);color:var(--iv-ink-3)}
.iv-form-ok,.iv-form-err{padding:1rem 1.15rem;border-radius:var(--iv-r-container);margin:1rem 0;line-height:1.6}
.iv-form-ok{background:#e8f6ee;border:1px solid #b7e2c8;color:#14532d}
.iv-form-err{background:#fdecea;border:1px solid #f5c2bd;color:#7f1d1d}
@media (max-width:600px){.iv-form-grid{grid-template-columns:1fr}.iv-form .iv-form-send{width:100%}}


/* ===== PATCH v10.30 — vung cham thoai mai hon tren mobile ===== */
@media (max-width:900px){
  .lang button,.lang a{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
  .breadcrumb a{display:inline-flex;align-items:center;min-height:32px;padding-block:.2rem}
  .flist a{min-height:40px;display:flex;align-items:center;gap:.4rem}
}

@media (max-width:900px){
  a.go{min-height:36px;align-items:center;padding-block:.3rem}
  .cta-box a[href^="tel"],.cta-box a[href^="mailto"],.prose a[href^="tel"],.prose a[href^="mailto"]{min-height:32px;display:inline-flex;align-items:center}
}
@media (max-width:900px){footer a[href^="tel"],footer a[href^="mailto"]{min-height:32px;display:inline-flex;align-items:center}}


/* ===== PATCH v10.33 — dai logo khach hang thang hang, chan trang can giua ===== */
.marq-inner{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
  justify-content:stretch;
  max-width:1100px;
  margin-inline:auto;
}
.marq-inner .mbrand{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.6rem;
  min-height:60px;
  padding:.7rem 1rem;
  white-space:nowrap;
}
.marq-inner .mbrand > span:last-child{overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.marq-label{text-align:center}
@media (max-width:1000px){.marq-inner{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.marq-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.marq-inner .mbrand{min-height:54px;padding:.6rem .75rem;font-size:.92rem}}
@media (max-width:420px){.marq-inner{grid-template-columns:1fr}}

.foot-legal{justify-items:center;text-align:center}
.foot-legal .fl-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;width:100%}
.foot-legal .fl-note{max-width:72ch;margin-inline:auto;text-align:center}


/* ===== PATCH v10.34 — cac dai the (chip) xep luoi deu, khong so le ===== */
.prose .row:has(> .iv-chip),.grp .row:has(> .iv-chip){
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.prose .row > .iv-chip,.grp .row > .iv-chip{
  display:flex;align-items:center;justify-content:center;text-align:center;
  width:100%;min-height:44px;padding:.55rem .8rem;line-height:1.3;
}
.iv-certs,.iv-vendors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.iv-certs > *,.iv-vendors > *{width:100%;display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center}
@media (max-width:900px){
  .prose .row:has(> .iv-chip),.grp .row:has(> .iv-chip),.iv-certs,.iv-vendors{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  .prose .row:has(> .iv-chip),.grp .row:has(> .iv-chip),.iv-certs,.iv-vendors{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* ===== PATCH v10.35 — the le loi o hang cuoi thi trai deu ca hang ===== */
.prose .row > .iv-chip:last-child:nth-child(4n+1),.grp .row > .iv-chip:last-child:nth-child(4n+1),
.iv-certs > *:last-child:nth-child(4n+1),.iv-vendors > *:last-child:nth-child(4n+1),
.marq-inner > .mbrand:last-child:nth-child(4n+1){grid-column:1 / -1}
@media (max-width:1000px){
  .marq-inner > .mbrand:last-child:nth-child(4n+1){grid-column:auto}
  .marq-inner > .mbrand:last-child:nth-child(3n+1){grid-column:1 / -1}
}
@media (max-width:900px){
  .prose .row > .iv-chip:last-child:nth-child(4n+1),.grp .row > .iv-chip:last-child:nth-child(4n+1),
  .iv-certs > *:last-child:nth-child(4n+1),.iv-vendors > *:last-child:nth-child(4n+1){grid-column:auto}
  .prose .row > .iv-chip:last-child:nth-child(3n+1),.grp .row > .iv-chip:last-child:nth-child(3n+1),
  .iv-certs > *:last-child:nth-child(3n+1),.iv-vendors > *:last-child:nth-child(3n+1){grid-column:1 / -1}
}
@media (max-width:720px){
  .marq-inner > .mbrand:last-child:nth-child(3n+1){grid-column:auto}
  .marq-inner > .mbrand:last-child:nth-child(2n+1){grid-column:1 / -1}
}
@media (max-width:640px){
  .prose .row > .iv-chip:last-child:nth-child(3n+1),.grp .row > .iv-chip:last-child:nth-child(3n+1),
  .iv-certs > *:last-child:nth-child(3n+1),.iv-vendors > *:last-child:nth-child(3n+1){grid-column:auto}
  .prose .row > .iv-chip:last-child:nth-child(2n+1),.grp .row > .iv-chip:last-child:nth-child(2n+1),
  .iv-certs > *:last-child:nth-child(2n+1),.iv-vendors > *:last-child:nth-child(2n+1){grid-column:1 / -1}
}
@media (max-width:420px){.marq-inner > .mbrand:last-child:nth-child(2n+1){grid-column:auto}}


/* ===== PATCH v10.36 — luoi 9 bai camera: 3 cot cho chan hang ===== */
@media (min-width:1000px){#camera-hai-quan > div[style*="auto-fit" i]{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
#camera-hai-quan > div[style*="auto-fit" i] > a:last-child:nth-child(3n+1){grid-column:1 / -1}
@media (max-width:640px){#camera-hai-quan > div[style*="auto-fit" i] > a:last-child:nth-child(3n+1){grid-column:auto}#camera-hai-quan > div[style*="auto-fit" i] > a:last-child:nth-child(2n+1){grid-column:1 / -1}}

#camera-hai-quan > div[style*="auto-fit" i]{align-items:stretch}
#camera-hai-quan > div[style*="auto-fit" i] > a{height:100%;display:flex;flex-direction:column;justify-content:flex-start}


/* ===== PATCH v10.37 — nhip tieu de va khoang cach cac khoi deu nhau ===== */
body.home #about h2,body.home #coverage h2,body.home #camera-hai-quan > h2{
  font-size:clamp(24px,2.9vw,36px) !important;
  line-height:var(--iv-lh-heading);
}
body.home #camera-hai-quan{padding-block:5rem !important}
@media (max-width:700px){body.home #camera-hai-quan{padding-block:3rem !important}}
/* ban kinh bo goc ve dung bo token */
.tag{border-radius:var(--iv-r-pill) !important}
.ic.ic3d{border-radius:var(--iv-r-container) !important}
.nic{border-radius:var(--iv-r-button) !important}


/* ===== PATCH v10.38 — bang bieu rong bang nhau, thang le voi doan van ===== */
.prose table{width:100%}
.prose table th,.prose table td{vertical-align:top}


/* ===== PATCH v10.39 — bang khong tran khoi cot noi dung ===== */
.prose table{width:100% !important;table-layout:fixed !important;max-width:100%}
.prose table th,.prose table td{overflow-wrap:anywhere;word-break:break-word}
.prose table th:first-child{width:38%}


/* ===== PATCH v10.40 — o bang phai xuong dong, khong bi cat chu ===== */
.prose table th,.prose table td{white-space:normal !important;overflow-wrap:anywhere}
.prose table th:first-child,.prose table td:first-child{width:34% !important}
.prose table{overflow:visible !important}


/* ===== PATCH v10.41 — khoi camera trai het chieu ngang, bong do nhe lai ===== */
body.home #camera-hai-quan{
  max-width:none !important;
  width:100% !important;
  margin-inline:0 !important;
  padding-inline:calc((100% - min(1240px, 100%)) / 2 + 32px) !important;
}
@media (max-width:700px){body.home #camera-hai-quan{padding-inline:calc((100% - min(1240px, 100%)) / 2 + 16px) !important}}
.cta-box{box-shadow:0 18px 40px -24px rgba(8,36,60,.38) !important}


/* ===== PATCH v10.42 — mau sac song dong: mang xa hoi va hang thiet bi ===== */
footer .soc-fb,footer .soc-yt,footer .soc-tt,footer .soc-in{
  border:0 !important;
  transition:transform .18s var(--iv-ease),box-shadow .18s var(--iv-ease),filter .18s var(--iv-ease);
}
footer .soc-fb{background:#1877F2 !important}
footer .soc-yt{background:#FF0033 !important}
footer .soc-tt{background:linear-gradient(135deg,#25F4EE 0%,#000 45%,#FE2C55 100%) !important}
footer .soc-in{background:#0A66C2 !important}
footer .soc-fb svg,footer .soc-yt svg,footer .soc-tt svg,footer .soc-in svg{fill:#fff !important}
footer .soc-fb:hover,footer .soc-yt:hover,footer .soc-tt:hover,footer .soc-in:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 10px 22px -10px rgba(0,0,0,.7)}
footer .soc-fb:focus-visible,footer .soc-yt:focus-visible,footer .soc-tt:focus-visible,footer .soc-in:focus-visible{outline:3px solid #fff;outline-offset:2px}

.iv-chip[data-b] .dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 3px rgba(0,0,0,.04)}
.iv-chip[data-b="dahua"] .dot{background:#E8541E !important}
.iv-chip[data-b="hikvision"] .dot{background:#D42E2E !important}
.iv-chip[data-b="cisco"] .dot{background:#0FA3C9 !important}
.iv-chip[data-b="mikrotik"] .dot{background:#2F5FD0 !important}
.iv-chip[data-b="synology"] .dot{background:#10A37F !important}
.iv-chip[data-b="ubiquiti"] .dot{background:#0E7BE0 !important}
.iv-chip[data-b="vmware"] .dot{background:#7A5AF8 !important}
.iv-chip[data-b="microsoft"] .dot{background:#F2A100 !important}
.iv-chip[data-b]{transition:transform .16s var(--iv-ease),border-color .16s var(--iv-ease),box-shadow .16s var(--iv-ease)}
.iv-chip[data-b]:hover{transform:translateY(-2px);box-shadow:0 8px 18px -12px rgba(8,36,60,.45)}


/* ===== PATCH v10.43 — nhan trang thai mau xanh la tren nen sang ===== */
.prose [style*="4ade80" i]:not(#x),
.prose [style*="22c55e" i]:not(#x),
body.page-template-page-infovina section [style*="4ade80" i]:not(.cta-box *):not(.term *):not(.side-cta *):not(.net-model *):not(#x){color:#15803d !important}
.prose [style*="f87171" i]:not(#x),.prose [style*="ef4444" i]:not(#x){color:#b91c1c !important}
.prose [style*="fbbf24" i]:not(#x),.prose [style*="f59e0b" i]:not(#x){color:#a16207 !important}


/* ===== v10.44 — dai SLA duoi hero (27/08/2026) ===== */
.sla-strip{display:flex;flex-wrap:wrap;align-items:stretch;gap:0;margin:18px 0 0;padding:0;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.05);text-decoration:none;color:inherit;overflow:hidden;transition:border-color .18s ease,background .18s ease}
.sla-strip:hover{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.08)}
.sla-strip:focus-visible{outline:3px solid #35d0ee;outline-offset:2px}
.sla-strip .sla-i{flex:1 1 150px;min-width:0;padding:11px 16px;display:flex;flex-direction:column;gap:2px;border-right:1px solid rgba(255,255,255,.12)}
.sla-strip .sla-i b{font-size:1.06rem;font-weight:800;letter-spacing:-.01em;line-height:1.2;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.sla-strip .sla-i i{font-style:normal;font-size:.76rem;line-height:1.35;color:rgba(255,255,255,.72)}
.sla-strip .sla-more{flex:0 0 auto;display:flex;align-items:center;padding:11px 16px;font-size:.8rem;font-weight:600;color:#7fd6ec;white-space:nowrap}
@media (max-width:860px){
 .sla-strip .sla-i{flex:1 1 46%}
 .sla-strip .sla-i:nth-child(2n){border-right:0}
 .sla-strip .sla-i:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
 .sla-strip .sla-more{flex:1 0 100%;border-top:1px solid rgba(255,255,255,.12);justify-content:center}
}
@media (max-width:420px){ .sla-strip .sla-i{flex:1 0 100%;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)} }


/* ===== v10.45 — trang khong co cot ben thi cho noi dung trai het chieu ngang (27/08/2026)
   .wrap.content-grid khai bao 2 cot (795px + 340px) nhung nhieu trang chi co 1 khoi con
   => cot 340px bo trong, tao mang trang lon ben phai. */
.wrap.content-grid > :only-child{grid-column:1 / -1}
.wrap.content-grid > :only-child .prose > p,
.wrap.content-grid > :only-child .prose > ul,
.wrap.content-grid > :only-child .prose > ol,
.wrap.content-grid > :only-child .prose > h2,
.wrap.content-grid > :only-child .prose > h3,
.wrap.content-grid > :only-child .prose > h4,
.wrap.content-grid > :only-child .prose > blockquote{max-width:74ch}


/* ===== v10.46 — bang .spec chia cot theo noi dung + hop tai file =====
   Theme co block <style> nap SAU wp-custom-css, dat table-layout:fixed.
   Phai dung :not(#x) de cong them 100 diem specificity. */
.prose:not(#x) table.spec:not(#x) td:last-child{white-space:normal !important}
.iv-dl:not(#x){margin:26px 0;padding:20px 22px;border-radius:14px;background:#0d2b45;line-height:1.65}
.iv-dl:not(#x),.iv-dl:not(#x) p,.iv-dl:not(#x) :is(b,strong,span){color:#eaf3fa !important}
.iv-dl:not(#x) p{margin:0 0 10px}
.iv-dl:not(#x) p:last-child{margin:0}
.iv-dl:not(#x) .iv-dl-h{color:#fff !important;font-weight:700;font-size:1.06em}
.iv-dl:not(#x) a:not(.btn):not(.btn-p){color:#7fc4f0 !important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.iv-dl:not(#x) a.btn-p,.iv-dl:not(#x) a.btn{color:#06263c !important;font-weight:700;text-decoration:none}
.iv-dl:not(#x) a:hover{color:#a9dbf7 !important}

/* ===== v10.47 — o dong y xu ly du lieu ca nhan tren form lien he ===== */
.iv-form .iv-consent:not(#x){display:flex;gap:10px;align-items:flex-start;margin:4px 0 14px;
  font-size:14px;line-height:1.55;color:var(--iv-ink-2);cursor:pointer}
.iv-form .iv-consent:not(#x) input{margin-top:3px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--cyan-2,#15b3cf);cursor:pointer}
.iv-form .iv-consent:not(#x) a{color:var(--cyan-2,#15b3cf);text-decoration:underline;text-underline-offset:2px}
.iv-form .iv-consent:not(#x) input:focus-visible{outline:2px solid var(--cyan,#2fd4ec);outline-offset:2px}
.iv-form .iv-form-note:not(#x){font-size:13px;line-height:1.6}

/* ===== v10.48 — skip link + landmark main (WCAG 2.4.1 Bypass Blocks) ===== */
.skip-link{position:absolute;top:-200px;left:8px;z-index:100000;
  background:#0e2d49;color:#fff;padding:12px 20px;border-radius:0 0 10px 10px;
  font-weight:600;text-decoration:none;border:2px solid #2fd4ec;border-top:0;
  transition:none}
.skip-link:focus,.skip-link:focus-visible{top:0}
main:focus{outline:none}

/* ================================================================
   v10.49 — NHỊP SÁNG TỐI & CHIỀU SÂU MÀU  (01/09/2026)
   Truoc: chi 3 muc nen (den L=0.016 / #f4f8fb L=0.933 / trang L=1.000)
   -> cac section dap thang vao nhau, sinh duong cat den-trang gat.
   Chua: thang mau sang 3 bac + lam tan duong noi + anh sang moi truong
   + mau am lam diem nhan phu.
   ================================================================ */
:root{
  --s-a:#fbfdfe; --s-b:#f2f7fb; --s-c:#e8f1f8;
  --d-deep:#0a1e33; --d-base:#0e2d49; --d-raise:#173f5f;
  --warm:#f0a93a; --seam:150px;
}

/* 1 — thang nen (ghi de rule :where() cua theme, do :where() co do uu tien 0) */
body.home #about{background-color:var(--s-a)}
body.home #services{background-color:var(--s-b)}
body.home #solutions-by{background-color:var(--s-a)}
body.home #why{background-color:var(--s-c)}
body.home #cases{background-color:var(--s-c)}
body.home #trust{background-color:var(--s-b)}
body.home #news{background-color:var(--s-b)}
body.home #contact{background-color:var(--s-a)}
body.home #camera-hai-quan{background-color:var(--s-b)}

/* 2 — bo duong vien 1px o cac mep giap ranh sang/toi */
body.home #why,body.home #trust,body.home #camera-hai-quan{border-bottom:0 !important}
body.home #coverage,body.home #ai,body.home #about,body.home #cases,body.home #news{border-top:0 !important}

/* 3 — lam tan duong noi: gradient nhieu chang cho muot, khong bi "sam mu" */
body.home #coverage,body.home #ai,body.home #about,body.home #camera-hai-quan{position:relative;isolation:isolate}
body.home #coverage::before,body.home #coverage::after,
body.home #ai::before,body.home #ai::after,
body.home #about::before,body.home #camera-hai-quan::after{
  content:"";position:absolute;left:0;right:0;height:var(--seam);pointer-events:none;z-index:0}
body.home #coverage > *,body.home #ai > *,body.home #about > *,body.home #camera-hai-quan > *{position:relative;z-index:1}

body.home #coverage::before{top:0;background:linear-gradient(to bottom,#e8f1f8 0%,rgba(232,241,248,.72) 26%,rgba(232,241,248,.32) 56%,rgba(232,241,248,0) 100%)}
body.home #coverage::after{bottom:0;background:linear-gradient(to top,#e8f1f8 0%,rgba(232,241,248,.72) 26%,rgba(232,241,248,.32) 56%,rgba(232,241,248,0) 100%)}
body.home #ai::before{top:0;background:linear-gradient(to bottom,#f2f7fb 0%,rgba(242,247,251,.72) 26%,rgba(242,247,251,.32) 56%,rgba(242,247,251,0) 100%)}
body.home #ai::after{bottom:0;background:linear-gradient(to top,#f2f7fb 0%,rgba(242,247,251,.72) 26%,rgba(242,247,251,.32) 56%,rgba(242,247,251,0) 100%)}
/* hero toi -> #about sang */
body.home #about::before{top:0;height:180px;background:linear-gradient(to bottom,#0a2038 0%,rgba(16,48,76,.55) 30%,rgba(180,210,232,.22) 66%,rgba(251,253,254,0) 100%)}
/* section sang cuoi -> footer toi */
body.home #camera-hai-quan::after{bottom:0;height:170px;background:linear-gradient(to top,#0a2038 0%,rgba(16,48,76,.5) 32%,rgba(180,210,232,.2) 68%,rgba(242,247,251,0) 100%)}

/* 4 — anh sang moi truong: vung sang khong con phang chet */
body.home #about,body.home #services,body.home #solutions-by,body.home #why,
body.home #cases,body.home #trust,body.home #news,body.home #contact,body.home #camera-hai-quan{
  background-image:
    radial-gradient(1200px 460px at 10% -10%, rgba(47,212,236,.11), transparent 62%),
    radial-gradient(1000px 420px at 94% 110%, rgba(240,169,58,.075), transparent 60%);
  background-repeat:no-repeat}

/* ================================================================
   v10.50 — CHIEU SAU THE & DIEM NHAN AM (01/09/2026)
   Gold chi dung tren nen TOI (do tuong phan ~8:1). Tren nen SANG
   chi dung lam gach chan trang tri, chu van giu mau muc dam.
   ================================================================ */

/* the tren vung sang: vien lanh, bong nhieu lop, nhac nhe khi ro chuot */
body.home #about .glass,body.home #services .glass,body.home #solutions-by .glass,
body.home #why .why-card,body.home #cases .glass,body.home #trust .glass,
body.home #news .glass,body.home #contact .glass{
  border:1px solid rgba(23,63,95,.10);
  box-shadow:0 1px 2px rgba(14,45,73,.05),0 10px 28px rgba(14,45,73,.055);
  transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s,border-color .22s}
body.home #about .glass:hover,body.home #services .glass:hover,body.home #solutions-by .glass:hover,
body.home #why .why-card:hover,body.home #cases .glass:hover,body.home #trust .glass:hover,
body.home #news .glass:hover,body.home #contact .glass:hover{
  transform:translateY(-3px);
  box-shadow:0 2px 4px rgba(14,45,73,.06),0 18px 40px rgba(14,45,73,.10);
  border-color:rgba(47,212,236,.42)}

/* the tren vung toi: nen noi len + vien sang, tranh "xam chong xam" */
body.home #coverage .glass,body.home #ai .glass{
  background:linear-gradient(180deg,rgba(23,63,95,.72),rgba(14,45,73,.62));
  border:1px solid rgba(127,196,240,.20);
  box-shadow:0 14px 36px rgba(0,0,0,.28)}

/* con so thong ke: giu chu dam, them gach chan am ben duoi */
body.home #about .n{position:relative;display:inline-block;padding-bottom:6px}
body.home #about .n::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;
  border-radius:2px;background:linear-gradient(90deg,#f0a93a,#f5c877)}

/* diem nhan am tren nen toi — noi gold co du tuong phan */
body.home #coverage .eyebrow,body.home #ai .eyebrow{color:#f6c46b}
@media (prefers-reduced-motion: reduce){
  body.home .glass,body.home .why-card{transition:none !important}
  body.home .glass:hover,body.home .why-card:hover{transform:none !important}
}

/* ================================================================
   v10.51 — TINH CHINH: bo duong ke 1px giua cac section, giam anh sang nen
   ================================================================ */
body.home > main > section,body.home #camera-hai-quan{border-top:0 !important;border-bottom:0 !important}
body.home #about,body.home #services,body.home #solutions-by,body.home #why,
body.home #cases,body.home #trust,body.home #news,body.home #contact,body.home #camera-hai-quan{
  background-image:
    radial-gradient(1300px 520px at 8% -14%, rgba(47,212,236,.075), transparent 60%),
    radial-gradient(1100px 460px at 96% 114%, rgba(240,169,58,.05), transparent 58%)}

/* ================================================================
   v10.52 — TRANG CON: bot cam giac "toi qua" ma KHONG dao mau chu
   Nen trang con truoc day la #08243c phang (L=0.016) — nang, chet.
   Nay: nen sau hon ve sac, co anh sang moi truong, va cac the trang
   tinh nhe lai de bot cu soc den-trang canh nhau.
   KHONG doi mau chu — tranh rui ro chu trang tren nen trang.
   ================================================================ */
body.page-template-page-infovina,body.single{
  background-color:#0d2c47;
  background-image:
    radial-gradient(1500px 760px at 78% -6%, rgba(47,212,236,.12), transparent 58%),
    radial-gradient(1250px 700px at 6% 46%, rgba(59,130,246,.10), transparent 56%),
    radial-gradient(1100px 620px at 96% 104%, rgba(240,169,58,.07), transparent 58%);
  background-attachment:fixed;background-repeat:no-repeat}

/* the sang tren nen toi: bot trang tinh, them vien mem */
body.page-template-page-infovina .side-card.glass:not(.side-cta),
body.single .side-card.glass:not(.side-cta){
  background:#f6fafd !important;
  border:1px solid rgba(23,63,95,.12);
  box-shadow:0 18px 44px rgba(0,0,0,.30)}
body.page-template-page-infovina .prose.glass,body.single .prose.glass{
  background:#f8fbfd !important;
  border:1px solid rgba(23,63,95,.10);
  box-shadow:0 22px 56px rgba(0,0,0,.30)}

/* vien sang nhe cho cac khoi kinh tren nen toi — tranh "xam chong xam" */
body.page-template-page-infovina .glass:not(.side-card):not(.prose),
body.single .glass:not(.side-card):not(.prose){
  border:1px solid rgba(127,196,240,.18)}

/* ================================================================
   v10.53 — SUA LOI CHU SANG TREN NEN SANG trong the .use
   .use co nen trang nhung chu body van thua mau sang cua nen toi
   => doan van gan nhu tang hinh. Loi co san, phat hien khi ra soat.
   ================================================================ */
.use,.use p,.use li,.use span,.use div,.use td{color:#40607c}
.use :is(h2,h3,h4,h5,b,strong){color:#0d2740}
.use a{color:#0e6ba8}

/* v10.54 — the lien ket .glass nen trang nhung chu sang => sua mau chu */
a.glass{color:#0d2740}
a.glass :is(b,strong,span){color:inherit}
a.glass:hover{color:#0e6ba8}

/* ================================================================
   v10.55 — SUA CHU CHIM TREN NEN SANG (loi co san, phat hien khi ra soat)
   Nguyen nhan: theme dat strong/b mau sang (#f2f8fc) cho nen toi, nhung
   trong bang .spec va cac the sang thi chinh mau do lam chu tang hinh.
   ================================================================ */
table.spec :is(strong,b){color:#0d2740}
table.spec a{color:#0e6ba8;text-decoration:underline;text-underline-offset:2px}
.prose.glass :is(strong,b){color:#0d2740}
.side-card.glass:not(.side-cta) :is(strong,b){color:#0d2740}
.side-card.glass:not(.side-cta) a{color:#0e6ba8}
/* mui ten trang tri trong the: bo mau chim */
.ar{color:#5b7791}


/* ================= v11.0 - BANG MAU MENH THUY (Kim sinh Thuy) 02-09-2026 =================
   Thuy = nen navy/den. Kim sinh Thuy = bach kim, thep, trang.
   Bo 4 tong dich vu deu nam trong vung lanh (172-288 deg). Bo mau vang-cam (Tho khac Thuy).
   Moi ma mau da kiem tra tuong phan WCAG truoc khi dung.                                   */
:root{
  --w-950:#000e25;--w-900:#001a38;--w-800:#02294b;--w-700:#193c5e;
  --k-50:#f7fafe;--k-100:#ebf1f7;--k-200:#dce4ec;--k-300:#c8d2dd;--k-500:#93a8bc;
  --a-cyan:#00b6c5;--a-cyan-l:#007a8a;--a-cyan-s:#00d6e8;
  --a-azure:#2eadf6;--a-azure-l:#0074b9;--a-azure-s:#3ccaff;
  --a-teal:#41b697;--a-teal-l:#007e62;--a-teal-s:#55d8b4;
  --a-indigo:#a597ff;--a-indigo-l:#715fc7;--a-indigo-s:#baa9ff;
  --a-alert:#e67670;--a-alert-l:#bc4945;
}

/* --- 1. NUT CHINH: diem tuong phan manh nhat tren moi man hinh --- */
.btn.btn-p:not(#x){
  background:linear-gradient(to bottom,#0e3a63,#0a2f52);
  background:linear-gradient(to bottom in oklab,#0e3a63,#0a2f52);
  color:#ffffff !important;border:1px solid rgba(255,255,255,.14);font-weight:700;
  box-shadow:0 1px 2px rgba(0,22,44,.20),0 10px 24px -12px rgba(0,32,64,.55);
  transition:transform .18s var(--iv-ease),box-shadow .18s var(--iv-ease),filter .18s}
.btn.btn-p:not(#x):hover{filter:brightness(1.14);transform:translateY(-1px);
  box-shadow:0 2px 4px rgba(0,22,44,.22),0 16px 32px -14px rgba(0,32,64,.62)}

/* tren nen toi: nut bach kim - Kim sinh Thuy, tuong phan 16,7:1 */
#top .btn.btn-p:not(#x),#coverage .btn.btn-p:not(#x),#ai .btn.btn-p:not(#x),
.iv-dark .btn.btn-p:not(#x),footer .btn.btn-p:not(#x){
  background:linear-gradient(to bottom,#f7fafe,#dce4ec);
  background:linear-gradient(to bottom in oklab,#f7fafe,#dce4ec);
  color:#001125 !important;border-color:rgba(255,255,255,.60);
  box-shadow:0 1px 2px rgba(0,0,0,.38),0 14px 30px -14px rgba(0,0,0,.80),inset 0 1px 0 #ffffff}
#top .btn.btn-p:not(#x):hover,#coverage .btn.btn-p:not(#x):hover,#ai .btn.btn-p:not(#x):hover,
.iv-dark .btn.btn-p:not(#x):hover,footer .btn.btn-p:not(#x):hover{
  background:linear-gradient(to bottom,#ffffff,#eaf1f8);
  background:linear-gradient(to bottom in oklab,#ffffff,#eaf1f8);filter:none}

/* nut phu: vien manh, khong bao gio canh tranh voi nut chinh */
#top .btn.btn-o:not(#x),#coverage .btn.btn-o:not(#x),#ai .btn.btn-o:not(#x),footer .btn.btn-o:not(#x){
  background:rgba(255,255,255,.04);border:1px solid rgba(219,232,244,.34);color:#eaf1f8 !important}
#top .btn.btn-o:not(#x):hover,#coverage .btn.btn-o:not(#x):hover,#ai .btn.btn-o:not(#x):hover,
footer .btn.btn-o:not(#x):hover{border-color:rgba(219,232,244,.68);background:rgba(255,255,255,.09)}

/* --- 2. O ICON: bo mau ve vung Thuy, bo hoan toan vang-cam --- */
.ic.ic-amber:not(#x){
  background:linear-gradient(150deg,#eef4fa,#93a8bc);
  background:linear-gradient(150deg in oklab,#eef4fa,#93a8bc)}
.ic.ic-amber:not(#x) svg{stroke:#06243c}
.ic.ic-green:not(#x){
  background:linear-gradient(150deg,#6fe3c2,#0f8f74);
  background:linear-gradient(150deg in oklab,#6fe3c2,#0f8f74)}
.ic.ic-violet:not(#x){
  background:linear-gradient(150deg,#b3a8ff,#5b4fd0);
  background:linear-gradient(150deg in oklab,#b3a8ff,#5b4fd0)}
.ic.ic-blue:not(#x){
  background:linear-gradient(150deg,#6cb8ff,#1558c8);
  background:linear-gradient(150deg in oklab,#6cb8ff,#1558c8)}
.ic.ic-cyan:not(#x){
  background:linear-gradient(150deg,#5cecfb,#0a90b8);
  background:linear-gradient(150deg in oklab,#5cecfb,#0a90b8)}
.ic.ic-teal:not(#x){
  background:linear-gradient(150deg,#5ceada,#0a8f96);
  background:linear-gradient(150deg in oklab,#5ceada,#0a8f96)}

/* --- 3. MAU THEO NHOM DICH VU: mau mang nghia, khong phai trang tri --- */
.cell{--fam:#007a8a;--fam-d:#00b6c5}
.cell:has(a[href*="camera-hai-quan"]),.cell:has(a[href*="network-monitoring"]),
.cell:has(a[href*="he-thong-elv"]){--fam:#0074b9;--fam-d:#2eadf6}
.cell:has(a[href*="vpn-mpls"]){--fam:#715fc7;--fam-d:#a597ff}
.cell:has(a[href*="colocation"]),.cell:has(a[href*="web-hosting"]),
.cell:has(a[href*="quan-tri-van-hanh"]),.cell:has(a[href*="hotel-resort"]),
.cell:has(a[href*="wifi-marketing"]),.cell:has(a[href*="email-doanh-nghiep"]),
.cell:has(a[href*="thiet-ke-website"]){--fam:#007e62;--fam-d:#41b697}
.cell:not(#x){border-top:3px solid var(--fam)}
.cell:not(#x) a.go{color:var(--fam)}
.cell:not(#x) a.go:hover{color:var(--fam);text-decoration:underline;text-underline-offset:3px}

/* --- 4. MENU: moi nhom mot mau, khong con 12 muc mot mau --- */
.navlinks a[href*="internet-leased-line"] svg,.navlinks a[href*="iplc"] svg,
.navlinks a[href*="p2p"] svg,.navlinks a[href*="ftth"] svg{stroke:#00d6e8}
.navlinks a[href*="camera-hai-quan"] svg,.navlinks a[href*="network-monitoring"] svg,
.navlinks a[href*="he-thong-elv"] svg{stroke:#3ccaff}
.navlinks a[href*="vpn-mpls"] svg{stroke:#baa9ff}
.navlinks a[href*="colocation"] svg,.navlinks a[href*="web-hosting"] svg,
.navlinks a[href*="quan-tri-van-hanh"] svg,.navlinks a[href*="hotel-resort"] svg,
.navlinks a[href*="wifi-marketing"] svg,.navlinks a[href*="email-doanh-nghiep"] svg,
.navlinks a[href*="thiet-ke-website"] svg{stroke:#55d8b4}
.navlinks a[href*="internet-leased-line"]:hover,.navlinks a[href*="iplc"]:hover,
.navlinks a[href*="p2p"]:hover,.navlinks a[href*="ftth"]:hover{color:#00d6e8}
.navlinks a[href*="camera-hai-quan"]:hover,.navlinks a[href*="network-monitoring"]:hover,
.navlinks a[href*="he-thong-elv"]:hover{color:#3ccaff}
.navlinks a[href*="vpn-mpls"]:hover{color:#baa9ff}
.navlinks a[href*="colocation"]:hover,.navlinks a[href*="web-hosting"]:hover,
.navlinks a[href*="quan-tri-van-hanh"]:hover,.navlinks a[href*="hotel-resort"]:hover,
.navlinks a[href*="wifi-marketing"]:hover,.navlinks a[href*="email-doanh-nghiep"]:hover,
.navlinks a[href*="thiet-ke-website"]:hover{color:#55d8b4}

/* --- 5. HERO: hai vung sang lanh, noi suy OKLAB nen khong bi xam duc o giua --- */
#top:not(#x){
  background-image:radial-gradient(900px 420px at 78% 6%,rgba(0,214,232,.17),rgba(0,214,232,0) 60%),
                   radial-gradient(720px 360px at 10% 94%,rgba(165,151,255,.13),rgba(165,151,255,0) 62%)}


/* --- v11.1 vá: lop icon dung class .di lan .ic; .go co !important --- */
.ic-amber:not(#x){
  background:linear-gradient(150deg,#e3ecf5,#7d95ae);
  background:linear-gradient(150deg in oklab,#e3ecf5,#7d95ae)}
.ic-amber:not(#x) svg{stroke:#06243c}
.ic-green:not(#x){
  background:linear-gradient(150deg,#6fe3c2,#0f8f74);
  background:linear-gradient(150deg in oklab,#6fe3c2,#0f8f74)}
.ic-violet:not(#x){
  background:linear-gradient(150deg,#b3a8ff,#5b4fd0);
  background:linear-gradient(150deg in oklab,#b3a8ff,#5b4fd0)}
.ic-blue:not(#x){
  background:linear-gradient(150deg,#6cb8ff,#1558c8);
  background:linear-gradient(150deg in oklab,#6cb8ff,#1558c8)}
.ic-cyan:not(#x){
  background:linear-gradient(150deg,#5cecfb,#0a90b8);
  background:linear-gradient(150deg in oklab,#5cecfb,#0a90b8)}
.ic-teal:not(#x){
  background:linear-gradient(150deg,#5ceada,#0a8f96);
  background:linear-gradient(150deg in oklab,#5ceada,#0a8f96)}
.cell:not(#x) a.go{color:var(--fam) !important}


/* --- v11.2: theme dat gradient icon bang !important nen phai doi lai bang !important --- */
.ic-amber:not(#x){background:linear-gradient(150deg,#e3ecf5,#7d95ae) !important}
.ic-amber:not(#x) svg{stroke:#06243c !important}
.ic-green:not(#x){background:linear-gradient(150deg,#6fe3c2,#0f8f74) !important}
.ic-violet:not(#x){background:linear-gradient(150deg,#b3a8ff,#5b4fd0) !important}
.ic-blue:not(#x){background:linear-gradient(150deg,#6cb8ff,#1558c8) !important}
.ic-cyan:not(#x){background:linear-gradient(150deg,#5cecfb,#0a90b8) !important}
.ic-teal:not(#x){background:linear-gradient(150deg,#5ceada,#0a8f96) !important}
.ic-rose:not(#x){background:linear-gradient(150deg,#7fd4ff,#0a72c9) !important}
@supports (background:linear-gradient(in oklab,#000,#fff)){
.ic-amber:not(#x){background:linear-gradient(150deg in oklab,#e3ecf5,#7d95ae) !important}
.ic-green:not(#x){background:linear-gradient(150deg in oklab,#6fe3c2,#0f8f74) !important}
.ic-violet:not(#x){background:linear-gradient(150deg in oklab,#b3a8ff,#5b4fd0) !important}
.ic-blue:not(#x){background:linear-gradient(150deg in oklab,#6cb8ff,#1558c8) !important}
.ic-cyan:not(#x){background:linear-gradient(150deg in oklab,#5cecfb,#0a90b8) !important}
.ic-teal:not(#x){background:linear-gradient(150deg in oklab,#5ceada,#0a8f96) !important}
.ic-rose:not(#x){background:linear-gradient(150deg in oklab,#7fd4ff,#0a72c9) !important}
}


/* --- v11.3: bo not vang-cam cuoi cung (Tho khac Thuy) --- */
/* anh sang nen: vung am ap doi sang tim indigo, van giu chieu sau */
body.home #about,body.home #services,body.home #solutions-by,body.home #why,
body.home #cases,body.home #trust,body.home #news,body.home #contact,
body.home #camera-hai-quan{
  background-image:radial-gradient(1300px 520px at 8% -14%,rgba(0,214,232,.075),transparent 60%),
                   radial-gradient(1100px 460px at 96% 114%,rgba(165,151,255,.055),transparent 58%)}
body.page-template-page-infovina,body.single{
  background-image:radial-gradient(1500px 760px at 78% -6%,rgba(0,214,232,.12),transparent 58%),
                   radial-gradient(1250px 700px at 6% 46%,rgba(165,151,255,.10),transparent 60%)}
/* gach trang tri duoi tieu de: vang -> bach kim + cyan */
body.home #about .n::after,.n::after{
  background:linear-gradient(90deg,#00b6c5,#c8d2dd) !important}
/* nhan MOI: nen vang chu xanh -> nen cyan chu navy, tuong phan 9,4:1 */
.tag:not(#x){
  background:linear-gradient(135deg,#5cecfb,#00b6c5) !important;
  color:#04222e !important;font-weight:700}


/* --- v11.4: QUY TAC 1 - trung tinh giu dat, mau giu diem ---------------------
   Giam mot nua do bao hoa cua toan bo chu / vien / nen sang.
   Do sang (lightness) giu nguyen tuyet doi nen MOI TI LE TUONG PHAN KHONG DOI
   (sai lech toi da 0,05). Nen sang thanh gan trung tinh -> 4 mau dich vu noi len.
   Cac mang navy toi van giu nguyen mau -> thuong hieu khong doi.               */
:root{
  --iv-gray-900:#1c2732; --iv-gray-700:#515e6c; --iv-gray-500:#86909c;
  --iv-gray-300:#d3d8df; --iv-gray-200:#e3e7eb; --iv-gray-100:#edf0f3; --iv-gray-50:#f6f8f9;
  --iv-on-dark:#eff3f7; --iv-on-dark-2:#b0bdc9; --iv-on-dark-3:#909fae;
  --iv-ink-3:#67727f;
  --ink:#17212b; --line:#e3e8ec; --iv-line-strong:#d3d8df;
  --tx:#f5f7fa; --tx-dim:#dee4eb; --tx-mute:#b7c1cc;
  --muted:#cbd3db; --faint:#b7c1cc;
  --paper-2:#f6f8fa;
  --s-a:#fcfdfd; --s-b:#f4f6f9; --s-c:#edf0f4;
}


/* --- v11.5: o icon trong the phai cung mau voi nhom dich vu cua the do --- */
.cell:has(a[href*="internet-leased-line"]) .ic,.cell:has(a[href*="iplc"]) .ic,
.cell:has(a[href*="p2p"]) .ic,.cell:has(a[href*="ftth"]) .ic{
  background:linear-gradient(150deg,#5cecfb,#0a90b8) !important}
.cell:has(a[href*="camera-hai-quan"]) .ic,.cell:has(a[href*="network-monitoring"]) .ic,
.cell:has(a[href*="he-thong-elv"]) .ic{
  background:linear-gradient(150deg,#6cb8ff,#1558c8) !important}
.cell:has(a[href*="vpn-mpls"]) .ic{
  background:linear-gradient(150deg,#b3a8ff,#5b4fd0) !important}
.cell:has(a[href*="colocation"]) .ic,.cell:has(a[href*="web-hosting"]) .ic,
.cell:has(a[href*="quan-tri-van-hanh"]) .ic,.cell:has(a[href*="hotel-resort"]) .ic,
.cell:has(a[href*="wifi-marketing"]) .ic,.cell:has(a[href*="email-doanh-nghiep"]) .ic,
.cell:has(a[href*="thiet-ke-website"]) .ic{
  background:linear-gradient(150deg,#6fe3c2,#0f8f74) !important}
.cell:has(a[href*="internet-leased-line"]) .ic svg,.cell:has(a[href*="iplc"]) .ic svg,
.cell:has(a[href*="p2p"]) .ic svg,.cell:has(a[href*="ftth"]) .ic svg,
.cell:has(a[href*="camera-hai-quan"]) .ic svg,.cell:has(a[href*="network-monitoring"]) .ic svg,
.cell:has(a[href*="he-thong-elv"]) .ic svg,.cell:has(a[href*="vpn-mpls"]) .ic svg,
.cell:has(a[href*="colocation"]) .ic svg,.cell:has(a[href*="web-hosting"]) .ic svg,
.cell:has(a[href*="quan-tri-van-hanh"]) .ic svg,.cell:has(a[href*="hotel-resort"]) .ic svg,
.cell:has(a[href*="wifi-marketing"]) .ic svg,.cell:has(a[href*="email-doanh-nghiep"]) .ic svg,
.cell:has(a[href*="thiet-ke-website"]) .ic svg{stroke:#ffffff !important}


/* --- v11.6: v11.5 thua ve do uu tien (rule .ic-*:not(#x) o v11.2 co 1 ID).
   Them :not(#x):not(#y) de dat 2 ID -> thang. --- */
.cell:has(a[href*="internet-leased-line"]) .ic:not(#x):not(#y),.cell:has(a[href*="iplc"]) .ic:not(#x):not(#y),
.cell:has(a[href*="p2p"]) .ic:not(#x):not(#y),.cell:has(a[href*="ftth"]) .ic:not(#x):not(#y){
  background:linear-gradient(150deg in oklab,#5cecfb,#0a90b8) !important}
.cell:has(a[href*="camera-hai-quan"]) .ic:not(#x):not(#y),.cell:has(a[href*="network-monitoring"]) .ic:not(#x):not(#y),
.cell:has(a[href*="he-thong-elv"]) .ic:not(#x):not(#y){
  background:linear-gradient(150deg in oklab,#6cb8ff,#1558c8) !important}
.cell:has(a[href*="vpn-mpls"]) .ic:not(#x):not(#y){
  background:linear-gradient(150deg in oklab,#b3a8ff,#5b4fd0) !important}
.cell:has(a[href*="colocation"]) .ic:not(#x):not(#y),.cell:has(a[href*="web-hosting"]) .ic:not(#x):not(#y),
.cell:has(a[href*="quan-tri-van-hanh"]) .ic:not(#x):not(#y),.cell:has(a[href*="hotel-resort"]) .ic:not(#x):not(#y),
.cell:has(a[href*="wifi-marketing"]) .ic:not(#x):not(#y),.cell:has(a[href*="email-doanh-nghiep"]) .ic:not(#x):not(#y),
.cell:has(a[href*="thiet-ke-website"]) .ic:not(#x):not(#y){
  background:linear-gradient(150deg in oklab,#6fe3c2,#0f8f74) !important}
.cell .ic:not(#x):not(#y) svg{stroke:#ffffff !important}


/* ================= v12.0 - CAI CACH: BO XAM, DUA MAU XANH THAT VAO NEN SANG =========
   LY DO: v11.4 giam bao hoa lam nen sang thanh XAM (#f4f6f9, #edf0f4).
   Trong van hoa Viet Nam trang-xam-den doc ra la tang toc. Cac trang cung nganh
   o VN (VNPT 86% nen trang nhung co 41 anh; Viettel IDC; FPT Cloud) song duoc la
   nho ANH THAT. Site minh chua co anh nen mau phai nam o CHINH NEN va cac khoi.
   Toan bo nam trong vung Thuy-Kim (xanh duong, xanh bien, bach kim).            */
:root{
  --s-a:#f3fbff; --s-b:#e5f4ff; --s-c:#d5ebff; --s-d:#c3e0ff;
  --paper:#ffffff; --paper-2:#f3fbff;
  --iv-gray-50:#f3fbff; --iv-gray-100:#e5f4ff; --iv-gray-200:#cfe4f5;
  --iv-gray-300:#b9d5ec; --iv-gray-500:#7c9cb8; --iv-gray-700:#3f5f7e; --iv-gray-900:#0d2a46;
  --ink:#0d2a46; --iv-ink-3:#476580;
  --line:#cfe4f5; --iv-line-strong:#b9d5ec;
  --iv-on-dark:#e1f6ff; --iv-on-dark-2:#9cc1db; --iv-on-dark-3:#7ba4c2;
  --tx:#eaf7ff; --tx-dim:#cfe6f6; --tx-mute:#9cc1db; --muted:#bcd8ec; --faint:#9cc1db;
  --seam:96px;
}

/* --- 1. Thang nen XANH 4 bac thay cho 3 bac xam --- */
body.home #about:not(#x),body.home #solutions-by:not(#x),body.home #news:not(#x){background-color:#f3fbff}
body.home #services:not(#x),body.home #trust:not(#x),body.home #camera-hai-quan:not(#x){background-color:#e5f4ff}
body.home #cases:not(#x),body.home #contact:not(#x){background-color:#d5ebff}
body.home #why:not(#x){background-color:#c3e0ff}
body.page-template-page-infovina:not(#x),body.single:not(#x){background-color:#f3fbff}

/* --- 2. Bo suong mu trang o cac moi noi: rut ngan va cho di qua mau xanh --- */
body.home #coverage::before{height:96px;background:linear-gradient(to bottom,#c3e0ff 0%,rgba(126,178,229,.58) 40%,rgba(195,224,255,0) 100%)}
body.home #coverage::after{height:96px;background:linear-gradient(to top,#d5ebff 0%,rgba(126,178,229,.58) 40%,rgba(213,235,255,0) 100%)}
body.home #ai::before{height:96px;background:linear-gradient(to bottom,#e5f4ff 0%,rgba(126,178,229,.5) 40%,rgba(229,244,255,0) 100%)}
body.home #ai::after{height:96px;background:linear-gradient(to top,#f3fbff 0%,rgba(126,178,229,.5) 40%,rgba(243,251,255,0) 100%)}
body.home #about::before{height:118px;
  background:linear-gradient(to bottom,#0a2038 0%,rgba(12,62,105,.70) 32%,rgba(96,166,222,.34) 68%,rgba(243,251,255,0) 100%)}
body.home #camera-hai-quan::after{height:118px;
  background:linear-gradient(to top,#0a2038 0%,rgba(12,62,105,.66) 32%,rgba(96,166,222,.32) 68%,rgba(229,244,255,0) 100%)}

/* --- 3. Moi khoi mo dau bang mot vach mau - dau hieu song dong ro nhat --- */
.sec-head:not(#x){position:relative}
.sec-head:not(#x)::before{content:"";display:block;width:58px;height:5px;border-radius:99px;
  margin:0 auto 20px;
  background:linear-gradient(90deg,#00b6c5,#0085ca 52%,#5c77df);
  background:linear-gradient(90deg in oklab,#00b6c5,#0085ca 52%,#5c77df)}
.sec-head:not(#x) .eyebrow{color:#0069a8;font-weight:700;letter-spacing:.19em}

/* --- 4. The tren nen xanh: giu trang de noi khoi, vien va bong ro hon --- */
.case-grid > *:not(#x),.why-card:not(#x){
  background:#ffffff;border:1px solid #cfe4f5;
  box-shadow:0 1px 2px rgba(10,45,80,.06),0 14px 30px -18px rgba(10,45,80,.30)}
.case-grid > *:not(#x){border-top:4px solid #0085ca}
.why-card:not(#x){border-top:4px solid #00b6c5}
.why-grid > .why-card:nth-child(2):not(#x){border-top-color:#0085ca}
.why-grid > .why-card:nth-child(3):not(#x){border-top-color:#41b697}
.why-grid > .why-card:nth-child(4):not(#x){border-top-color:#5c77df}
.case-grid > *:nth-child(2):not(#x){border-top-color:#00b6c5}
.case-grid > *:nth-child(3):not(#x){border-top-color:#5c77df}
.case-grid > *:nth-child(4):not(#x){border-top-color:#41b697}
.case-grid > *:nth-child(5):not(#x){border-top-color:#0085ca}
.case-grid > *:nth-child(6):not(#x){border-top-color:#00b6c5}

/* --- 5. Nhan nganh: bo xam, doi sang xanh co mau --- */
.ind:not(#x){background:#cfeaff;border-color:#a9d6f5;color:#00507f;font-weight:700}
.iv-chip:not(#x){background:#e2f3ff;border-color:#b6dcf6;color:#0d3a5c}

/* --- 6. Trich dan va con so trong the: vien day hon, so co mau --- */
p.quote:not(#x){border-left:4px solid #0085ca;padding-left:14px}
.res .n:not(#x){color:#0069a8}
.res .l:not(#x){color:#476580}


/* --- v12.1: vien tren cua the thua rule :where(...){border:...!important} cua theme.
   Phai dung !important va nang do uu tien len 2 ID. --- */
.case:not(#x):not(#y),.why-card:not(#x):not(#y),.ncard:not(#x):not(#y){
  background:#ffffff !important;border:1px solid #cfe4f5 !important;
  box-shadow:0 1px 2px rgba(10,45,80,.06),0 14px 30px -18px rgba(10,45,80,.30)}
.case:not(#x):not(#y){border-top:4px solid #0085ca !important}
.why-card:not(#x):not(#y){border-top:4px solid #00b6c5 !important}
.why-grid > .why-card:nth-child(2):not(#x):not(#y){border-top-color:#0085ca !important}
.why-grid > .why-card:nth-child(3):not(#x):not(#y){border-top-color:#41b697 !important}
.why-grid > .why-card:nth-child(4):not(#x):not(#y){border-top-color:#5c77df !important}
.case-grid > .case:nth-child(2):not(#x):not(#y){border-top-color:#00b6c5 !important}
.case-grid > .case:nth-child(3):not(#x):not(#y){border-top-color:#5c77df !important}
.case-grid > .case:nth-child(4):not(#x):not(#y){border-top-color:#41b697 !important}
.case-grid > .case:nth-child(5):not(#x):not(#y){border-top-color:#0085ca !important}
.case-grid > .case:nth-child(6):not(#x):not(#y){border-top-color:#00b6c5 !important}
.case:not(#x):not(#y):hover,.why-card:not(#x):not(#y):hover{
  box-shadow:0 2px 4px rgba(10,45,80,.08),0 22px 44px -20px rgba(10,45,80,.42);
  transform:translateY(-2px)}


/* --- v12.2: dam mau hon nua. Bac nhat cu (#f3fbff) van gan trang nen cac moi noi
   con anh trang. Nang ca thang len, va lam dam mau chu lien ket cho du tuong phan
   tren bac xanh dam nhat. --- */
:root{
  --s-a:#eaf5ff; --s-b:#dbedfd; --s-c:#c9e2fb; --s-d:#b4d6f8;
  --paper-2:#eaf5ff;
  --iv-gray-50:#eaf5ff; --iv-gray-100:#dbedfd; --iv-gray-200:#c2dcf3; --iv-gray-300:#a8caea;
  --iv-ink-3:#3b5771; --line:#c2dcf3; --iv-line-strong:#a8caea;
  --iv-blue-600:#005887; --iv-blue-700:#00446a; --iv-brand:#005887; --iv-brand-hover:#00446a;
}
body.home #about:not(#x),body.home #solutions-by:not(#x),body.home #news:not(#x){background-color:#eaf5ff}
body.home #services:not(#x),body.home #trust:not(#x),body.home #camera-hai-quan:not(#x){background-color:#dbedfd}
body.home #cases:not(#x),body.home #contact:not(#x){background-color:#c9e2fb}
body.home #why:not(#x){background-color:#b4d6f8}
body.page-template-page-infovina:not(#x),body.single:not(#x){background-color:#eaf5ff}

/* moi noi: khong con di qua mau trang */
body.home #coverage::before{height:92px;background:linear-gradient(to bottom,#b4d6f8 0%,rgba(104,160,215,.62) 42%,rgba(180,214,248,0) 100%)}
body.home #coverage::after{height:92px;background:linear-gradient(to top,#c9e2fb 0%,rgba(104,160,215,.62) 42%,rgba(201,226,251,0) 100%)}
body.home #ai::before{height:92px;background:linear-gradient(to bottom,#dbedfd 0%,rgba(104,160,215,.58) 42%,rgba(219,237,253,0) 100%)}
body.home #ai::after{height:92px;background:linear-gradient(to top,#eaf5ff 0%,rgba(104,160,215,.58) 42%,rgba(234,245,255,0) 100%)}
body.home #about::before{height:112px;
  background:linear-gradient(to bottom,#0a2038 0%,rgba(12,62,105,.72) 32%,rgba(88,152,210,.40) 68%,rgba(234,245,255,0) 100%)}
body.home #camera-hai-quan::after{height:112px;
  background:linear-gradient(to top,#0a2038 0%,rgba(12,62,105,.68) 32%,rgba(88,152,210,.38) 68%,rgba(219,237,253,0) 100%)}

/* mau chu theo nhom tren nen sang - dam hon cho du tuong phan tren bac #b4d6f8 */
.cell{--fam:#00636f;--fam-d:#00b6c5}
.cell:has(a[href*="camera-hai-quan"]),.cell:has(a[href*="network-monitoring"]),
.cell:has(a[href*="he-thong-elv"]){--fam:#005e93;--fam-d:#2eadf6}
.cell:has(a[href*="vpn-mpls"]){--fam:#524897;--fam-d:#a597ff}
.cell:has(a[href*="colocation"]),.cell:has(a[href*="web-hosting"]),
.cell:has(a[href*="quan-tri-van-hanh"]),.cell:has(a[href*="hotel-resort"]),
.cell:has(a[href*="wifi-marketing"]),.cell:has(a[href*="email-doanh-nghiep"]),
.cell:has(a[href*="thiet-ke-website"]){--fam:#00654e;--fam-d:#41b697}

/* o nho, chip, the phu: bo trang tro, cho nen xanh nhat */
.use:not(#x):not(#y),.aval:not(#x):not(#y),.cov-stat:not(#x):not(#y){
  background:#ffffff !important;border:1px solid #c2dcf3 !important}
.iv-chip:not(#x):not(#y){background:#e4f2ff !important;border:1px solid #b7d9f5 !important;color:#0d3a5c !important}
.ind:not(#x):not(#y){background:#c9e6ff !important;border:1px solid #98cdf2 !important;color:#00456e !important;font-weight:700}
.res .n:not(#x){color:#005887}
.res .l:not(#x){color:#3b5771}
p.quote:not(#x){border-left:4px solid #005887;padding-left:14px}


/* --- v12.3: DAI XANH DAM O GIUA.
   Truoc day trang chi co 2 muc: rat toi (navy) hoac rat sang -> doc ra la den/trang.
   Cho khoi #why mot mau XANH DUONG THAT o giua hai muc do. Thu tu khoi tro thanh
   sang -> xanh vua -> navy toi, nen mat di theo bac chu khong bi giat.
   The ben trong giu nen trang -> noi bat manh, dung kieu doanh nghiep VN.       */
body.home #why:not(#x){
  position:relative;
  background-color:#00588c;
  background-image:linear-gradient(180deg,#0c6ea6 0%,#00588c 56%,#0a3f66 100%);
  background-image:linear-gradient(180deg in oklab,#0c6ea6 0%,#00588c 56%,#0a3f66 100%)}
body.home #why > *{position:relative;z-index:1}
body.home #why::before{content:"";position:absolute;left:0;right:0;top:0;height:96px;z-index:0;
  pointer-events:none;
  background:linear-gradient(to bottom,#eaf5ff 0%,rgba(136,186,232,.58) 42%,rgba(12,110,166,0) 100%)}
body.home #why .sec-head:not(#x)::before{background:linear-gradient(90deg,#00d6e8,#9fc4ff)}
body.home #why .sec-head .eyebrow:not(#x){color:#8fe3f5}
body.home #why .sec-head h2:not(#x){color:#ffffff}
body.home #why .sec-head p:not(#x){color:#d9ecfa}
body.home #why .why-card:not(#x):not(#y){
  background:#ffffff !important;border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 2px 6px rgba(0,18,36,.28),0 22px 46px -20px rgba(0,18,36,.60)}
/* moi noi #why (xanh vua) -> #coverage (navy toi): rat ngan vi hai mau da gan nhau */
body.home #coverage::before{height:64px;
  background:linear-gradient(to bottom,#0a3f66 0%,rgba(10,63,102,.55) 46%,rgba(10,63,102,0) 100%)}


/* --- v12.4: va cho dai xanh #why --- */
/* nhan eyebrow phai sang len tren nen xanh (dang bi mau navy, gan nhu chim) */
body.home #why .sec-head .eyebrow:not(#x),
body.home #why .sec-head .eyebrow:not(#x) span{color:#ddf7ff !important}
/* v12.3 dat border 1px cho .why-card da xoa mat vach mau tren dau the, dat lai */
body.home #why .why-card:not(#x):not(#y){border-top:4px solid #00b6c5 !important}
body.home #why .why-grid > .why-card:nth-child(2):not(#x):not(#y){border-top-color:#2eadf6 !important}
body.home #why .why-grid > .why-card:nth-child(3):not(#x):not(#y){border-top-color:#41b697 !important}
body.home #why .why-grid > .why-card:nth-child(4):not(#x):not(#y){border-top-color:#5c77df !important}


/* ================= v13.0 - SUA LOI NANG: TRANG TRONG NEN SANG NHUNG CHU VAN SANG =====
   v12.2 doi nen trang dich vu sang #eaf5ff nhung chu ben trong van la chu cua nen toi
   (h2 #ffffff, p #cfe6f6, strong #eaf7ff) -> chu chim hoan toan.
   Bo do tuong phan cu BO QUA moi phan tu co nen gradient nen bao 0 loi -> da viet lai.
   Sua bang cach doi TOKEN chu o cap #noi-dung, roi tra lai chu sang cho cac khoi
   van la nen toi (.phero, .side-cta, .cta-box, .iv-dark). Mot he thong, khong roi rac. */
body.page-template-page-infovina #noi-dung,body.single #noi-dung{
  --tx:#0d2a46; --tx-dim:#274963; --tx-mute:#3b5771; --muted:#3b5771; --faint:#476580;
  --iv-on-dark:#0d2a46; --iv-on-dark-2:#274963; --iv-on-dark-3:#3b5771;
  --line-navy:rgba(13,42,70,.14); --iv-dark-line:rgba(13,42,70,.14); --iv-dark-line-2:rgba(13,42,70,.09);
  --glass:#ffffff; --glass-brd:rgba(13,42,70,.13); --glow:rgba(0,136,190,.10);
  --line:#c2dcf3}
#noi-dung .phero,#noi-dung .side-cta,#noi-dung .cta-box,#noi-dung .iv-dark{
  --tx:#eaf7ff; --tx-dim:#cfe6f6; --tx-mute:#9cc1db; --muted:#bcd8ec; --faint:#9cc1db;
  --iv-on-dark:#e1f6ff; --iv-on-dark-2:#9cc1db; --iv-on-dark-3:#7ba4c2;
  --line-navy:rgba(255,255,255,.12); --glass:rgba(255,255,255,.10); --glass-brd:rgba(255,255,255,.24)}

/* tieu de + chu dam: dat cung trong theme nen phai ghi de */
body.page-template-page-infovina #noi-dung :is(h1,h2,h3,h4,h5,h6):not(#x),
body.single #noi-dung :is(h1,h2,h3,h4,h5,h6):not(#x){color:#0d2a46}
body.page-template-page-infovina #noi-dung :is(strong,b):not(#x),
body.single #noi-dung :is(strong,b):not(#x){color:#0d2a46}
body.page-template-page-infovina #noi-dung :is(p,li,td,th,dd,figcaption,blockquote):not(#x),
body.single #noi-dung :is(p,li,td,th,dd,figcaption,blockquote):not(#x){color:#274963}

/* cac khoi van toi: tra lai chu sang, do uu tien cao hon */
#noi-dung .phero :is(h1,h2,h3,h4,h5,h6):not(#x):not(#y),
#noi-dung .side-cta :is(h1,h2,h3,h4,h5,h6):not(#x):not(#y),
#noi-dung .cta-box :is(h1,h2,h3,h4,h5,h6):not(#x):not(#y),
#noi-dung .iv-dark :is(h1,h2,h3,h4,h5,h6):not(#x):not(#y){color:#ffffff}
#noi-dung .phero :is(p,li,td,strong,b,span):not(#x):not(#y),
#noi-dung .side-cta :is(p,li,strong,b,span):not(#x):not(#y),
#noi-dung .cta-box :is(p,li,strong,b,span):not(#x):not(#y),
#noi-dung .iv-dark :is(p,li,strong,b,span):not(#x):not(#y){color:#dff0fb}

/* lien ket trong noi dung tren nen sang */
body.page-template-page-infovina #noi-dung a:not(.btn):not(.btn-p):not(.btn-o):not(#x),
body.single #noi-dung a:not(.btn):not(.btn-p):not(.btn-o):not(#x){color:#005887}
#noi-dung .phero a:not(.btn):not(.btn-p):not(.btn-o):not(#x):not(#y),
#noi-dung .side-cta a:not(.btn):not(.btn-p):not(.btn-o):not(#x):not(#y),
#noi-dung .cta-box a:not(.btn):not(.btn-p):not(.btn-o):not(#x):not(#y){color:#9fe3f7}


/* ================= v14.0 - XANH NUOC BIEN (hoc tu ACB) ==============================
   Anh Hiep: mau dang dung la xanh DEN, toi qua; muon xanh NUOC BIEN nhu acb.com.vn.
   Do mau that tren anh chup trang ACB: nen hero #225fae -> #2d6cb8 -> #578dcb.
   Doi toan bo mang toi tu navy gan den (#08243c, L13) sang xanh nuoc bien (L27-33).
   Moi ma da kiem tra: chu trang >= 7,1:1, chu nhat --tx-dim >= 5,5:1.               */
:root{
  --ocean-900:#0b4382; --ocean-800:#0f4e94; --ocean-700:#14589f;
  --ocean-600:#1a63ac; --ocean-500:#2d6cb8; --ocean-400:#4a86c8;
  --navy:#14589f; --navy-d:#0f4e94; --navy-dd:#0b4382; --navy-l:#1a63ac; --navy-ll:#2d6cb8;
  --d-deep:#0b4382; --d-base:#0f4e94; --d-raise:#1a63ac;
  --iv-navy-900:#0b4382; --iv-navy-800:#0f4e94; --iv-navy-700:#14589f;
  --iv-navy-600:#1a63ac; --iv-navy-500:#2d6cb8;
  --iv-dark:#0f4e94; --iv-dark-2:#14589f; --iv-dark-3:#1a63ac;
  --glass:rgba(11,67,130,.60); --glass-brd:rgba(150,205,240,.26);
  --tx-mute:#b6d4e8; --faint:#b6d4e8; --iv-on-dark-3:#b6d4e8;
}
html:not(#x),body:not(#x){background-color:#0f4e94}
body.home:not(#x){background-color:#0f4e94}
header:not(#x){background-color:#0d4a8c}

/* cac mang toi tren trang chu */
body.home #coverage:not(#x){background-image:linear-gradient(#14589f,#0b4382);
  background-image:linear-gradient(in oklab,#14589f,#0b4382)}
body.home #ai:not(#x){background-image:linear-gradient(#0b4382,#14589f);
  background-image:linear-gradient(in oklab,#0b4382,#14589f)}
footer:not(#x){background-image:linear-gradient(#0b4382,#093868);
  background-image:linear-gradient(in oklab,#0b4382,#093868)}

/* dai giua: sang hon nua, dung tong ACB */
body.home #why:not(#x){background-color:#14589f;
  background-image:linear-gradient(180deg,#2d6cb8 0%,#1a63ac 52%,#0f4e94 100%);
  background-image:linear-gradient(180deg in oklab,#2d6cb8 0%,#1a63ac 52%,#0f4e94 100%)}
body.home #why .sec-head .eyebrow:not(#x),
body.home #why .sec-head .eyebrow:not(#x) span{color:#e6f6ff !important}

/* trang trong: hero + cac khoi CTA toi */
.phero:not(#x){background-image:linear-gradient(160deg,#1a63ac 0%,#0f4e94 58%,#0b4382 100%);
  background-image:linear-gradient(160deg in oklab,#1a63ac 0%,#0f4e94 58%,#0b4382 100%)}
.net-model:not(#x){background-image:linear-gradient(#14589f,#0b4382);
  background-image:linear-gradient(in oklab,#14589f,#0b4382)}
.side-card.side-cta:not(#x),.cta-box.glass:not(#x){
  background-image:linear-gradient(160deg,#1a63ac,#0f4e94);
  background-image:linear-gradient(160deg in oklab,#1a63ac,#0f4e94)}
.iv-dl:not(#x){background-color:#0f4e94}

/* hop bai lien quan: con la hop toi sot lai cua giao dien cu -> doi sang nen sang */
.iv-related:not(#x):not(#y){background-color:#e5f2ff;border:1px solid #b7d9f5}

/* cac khoi van toi tren trang trong: giu chu sang */
#noi-dung .iv-dl,#noi-dung .net-model{
  --tx:#eaf7ff; --tx-dim:#cfe6f6; --tx-mute:#b6d4e8; --muted:#bcd8ec; --faint:#b6d4e8;
  --iv-on-dark:#e1f6ff; --iv-on-dark-2:#b6d4e8; --iv-on-dark-3:#b6d4e8}
#noi-dung .iv-dl :is(h1,h2,h3,h4,h5,h6):not(#x):not(#y){color:#ffffff}
#noi-dung .iv-dl :is(p,li,span,strong,b):not(#x):not(#y){color:#dff0fb}

/* moi noi doi theo mau moi */
body.home #coverage::before{height:72px;
  background:linear-gradient(to bottom,#0f4e94 0%,rgba(15,78,148,.5) 46%,rgba(15,78,148,0) 100%)}
body.home #coverage::after{height:92px;
  background:linear-gradient(to top,#c9e2fb 0%,rgba(104,160,215,.62) 42%,rgba(201,226,251,0) 100%)}
body.home #ai::before{height:92px;
  background:linear-gradient(to bottom,#dbedfd 0%,rgba(104,160,215,.58) 42%,rgba(219,237,253,0) 100%)}
body.home #ai::after{height:92px;
  background:linear-gradient(to top,#eaf5ff 0%,rgba(104,160,215,.58) 42%,rgba(234,245,255,0) 100%)}
body.home #about::before{height:112px;
  background:linear-gradient(to bottom,#0f4e94 0%,rgba(26,99,172,.72) 32%,rgba(122,178,230,.40) 68%,rgba(234,245,255,0) 100%)}
body.home #camera-hai-quan::after{height:112px;
  background:linear-gradient(to top,#0b4382 0%,rgba(20,88,159,.68) 32%,rgba(122,178,230,.38) 68%,rgba(219,237,253,0) 100%)}
body.home #why::before{height:96px;
  background:linear-gradient(to bottom,#eaf5ff 0%,rgba(136,186,232,.55) 42%,rgba(45,108,184,0) 100%)}


/* --- v14.1: nen sang len thi chu nhat phai sang theo. Nang toan bo token chu mo
   tren nen toi, va ha bac sang nhat cua dai #why xuong mot nac. --- */
:root{
  --tx-mute:#d9eaf7; --muted:#d9eaf7; --faint:#cfe2f0;
  --iv-on-dark-2:#d9eaf7; --iv-on-dark-3:#cfe2f0;
  --iv-cyan-300:#9fe9f9;
}
body.home #why:not(#x){
  background-image:linear-gradient(180deg,#1a63ac 0%,#14589f 54%,#0f4e94 100%);
  background-image:linear-gradient(180deg in oklab,#1a63ac 0%,#14589f 54%,#0f4e94 100%)}
.lang button:not(#x),.lang .on:not(#x){color:#d9eaf7}
.lang button.on:not(#x),.lang .on:not(#x){color:#ffffff}
.sla-i i:not(#x),.sla-i:not(#x) i,.mname:not(#x),.mbrand .mname:not(#x){color:#d9eaf7}
#top .tag:not(#x),#coverage .tag:not(#x),#ai .tag:not(#x){color:#04222e}
/* cac khoi toi tren trang trong cung nang theo */
#noi-dung .phero,#noi-dung .side-cta,#noi-dung .cta-box,#noi-dung .iv-dark,
#noi-dung .iv-dl,#noi-dung .net-model{
  --tx:#f2fbff; --tx-dim:#dff0fb; --tx-mute:#d9eaf7; --muted:#d9eaf7; --faint:#cfe2f0;
  --iv-on-dark:#f2fbff; --iv-on-dark-2:#d9eaf7; --iv-on-dark-3:#cfe2f0}


/* --- v14.2: ba cho con lai tren trang chu --- */
/* nut ngon ngu dang chon: nen cyan sang, chu phai toi */
.lang button.on:not(#x):not(#y),.lang .on:not(#x):not(#y){color:#04222e !important;font-weight:700}
/* nhan ten khach hang trong o logo mau sang */
.mlogo .mtxt:not(#x):not(#y){color:#04222e !important;font-weight:800}
/* nhan tinh thanh tren ban do: ban do nen toi nen chu phai sang */
text.prov-label:not(#x),.map-wrap text:not(#x){fill:#e9f4ff !important}


/* --- v14.3: v14.2 lam chu trong o logo khach hang thanh mau toi -> sai vi o do la
   nen dam. Tra lai chu trang, va lam dam nhe hai o dang thieu tuong phan. --- */
.mlogo .mtxt:not(#x):not(#y){color:#ffffff !important;font-weight:800}
.mlogo.ml-lg:not(#x){background-image:linear-gradient(150deg,#c8324a,#88101f) !important}
.mlogo.ml-tms:not(#x){background-image:linear-gradient(150deg,#1b7fa8,#0d5271) !important}


/* --- v14.4: hop .iv-related trong noi dung bai viet co style dat THANG trong HTML
   (inline style) nen chi !important moi ghi de duoc. --- */
.iv-related:not(#x):not(#y){background:#e5f2ff !important;border:1px solid #b7d9f5 !important}
.iv-related:not(#x):not(#y) :is(p,li,span,strong,b,h2,h3,h4){color:#274963 !important}
.iv-related:not(#x):not(#y) :is(h2,h3,h4){color:#0d2a46 !important}
.iv-related:not(#x):not(#y) a:not(.btn):not(.btn-p):not(.btn-o){color:#005887 !important}
/* duong dan (breadcrumb) tren hero: nang sang cho du 4,5:1 */
.breadcrumb:not(#x),.breadcrumb:not(#x) span,.breadcrumb:not(#x) a{color:#f2fbff}


/* --- v14.5: hai loi cuoi
   1) Rule to chu cho ca hop .iv-dl da to de len CHU TRONG NUT (lap lai dung loi 8Z).
      Luon loai tru .btn/.btn-p/.btn-o khoi moi rule mau chu o cap hop.
   2) Duong dan breadcrumb bi rule khac thang, phai !important.                    */
#noi-dung .iv-dl :is(p,li,span,strong,b):not(#x):not(#y){color:#dff0fb}
.iv-dl a.btn-p:not(#x):not(#y),.iv-dl a.btn-p:not(#x):not(#y) span,
.iv-dl a.btn:not(.btn-o):not(#x):not(#y),.iv-dl a.btn:not(.btn-o):not(#x):not(#y) span{
  color:#06263c !important;font-weight:700}
.iv-dl a.btn-o:not(#x):not(#y),.iv-dl a.btn-o:not(#x):not(#y) span{color:#f2fbff !important}
.iv-dl a:not(.btn):not(.btn-p):not(.btn-o):not(#x):not(#y),
.iv-dl a:not(.btn):not(.btn-p):not(.btn-o):not(#x):not(#y) span{color:#a9e9fb !important}
.breadcrumb:not(#x),.breadcrumb:not(#x) *{color:#f2fbff !important}
.breadcrumb:not(#x) .sep{color:#c3daed !important}


/* --- v14.6: hai nhom cuoi cung
   1) span .on (bo 5 ngon ngu) bi ep mau xam -> phai ke thua mau cua o chua no,
      neu khong chu trong nut/nhan mau se sai.
   2) Trong noi dung bai viet co cac HOP dat style THANG trong HTML tu thoi giao dien
      toi: background rgba(10,30,48,.45) va chu #9fc3d8 / #7de3f4 / #4ade80.
      Nen da thanh sang nen phai doi ca hop lan chu. --- */
#noi-dung .on:not(#x):not(#y){color:inherit}

#noi-dung [style*="rgba(10,30,48"]:not(#x),#noi-dung [style*="rgba(9,32,54"]:not(#x),
#noi-dung [style*="rgba(24,60,94"]:not(#x),#noi-dung [style*="rgba(10,30,48,"]:not(#x){
  background:#e5f2ff !important;border-color:#b7d9f5 !important}
#noi-dung [style*="rgba(10,30,48"] *:not(#x),#noi-dung [style*="rgba(9,32,54"] *:not(#x),
#noi-dung [style*="rgba(24,60,94"] *:not(#x){color:#274963 !important}
#noi-dung [style*="rgba(10,30,48"] :is(strong,b,h3,h4,h5):not(#x),
#noi-dung [style*="rgba(9,32,54"] :is(strong,b,h3,h4,h5):not(#x),
#noi-dung [style*="rgba(24,60,94"] :is(strong,b,h3,h4,h5):not(#x){color:#0d2a46 !important}
#noi-dung [style*="rgba(10,30,48"] a:not(#x),#noi-dung [style*="rgba(9,32,54"] a:not(#x),
#noi-dung [style*="rgba(24,60,94"] a:not(#x){color:#005887 !important}


/* --- v14.7
   1) So do mang (.net-model + moi hop chua svg) phai GIU nen toi - v14.6 da doi nham
      sang nen sang lam ca so do tang hinh.
   2) Rule .price-grid :is(p,li,span,small){color:...!important} to de len chu trong
      nhan va nut mau. Cho chung ke thua lai. (Bai hoc lap lai lan thu ba: rule mau
      chu o cap KHOI luon phai loai tru nut va nhan co nen rieng.)                 */
#noi-dung .net-model:not(#x):not(#y),
#noi-dung [style*="rgba(10,30,48"]:has(svg):not(#x):not(#y),
#noi-dung [style*="rgba(9,32,54"]:has(svg):not(#x):not(#y){
  background:linear-gradient(160deg,#14589f,#0b4382) !important;
  border:1px solid rgba(159,233,249,.22) !important}
#noi-dung .net-model *:not(#x):not(#y),
#noi-dung [style*="rgba(10,30,48"]:has(svg) *:not(#x):not(#y),
#noi-dung [style*="rgba(9,32,54"]:has(svg) *:not(#x):not(#y){color:#e4f3fc !important}

.price-grid [style*="gradient"] *:not(#x):not(#y),
.price-grid .btn *:not(#x):not(#y),.price-grid a[class*="btn"] *:not(#x):not(#y),
.price-grid [class*="badge"] *:not(#x):not(#y),.price-grid [class*="pop"] *:not(#x):not(#y){
  color:inherit !important}


/* --- v14.8: lien ket CO NEN MAU RIENG (dat gradient thang trong HTML) phai dung chu
   toi cua nen do, khong lay mau lien ket chung. --- */
#noi-dung a[style*="gradient"]:not(#x):not(#y),
#noi-dung a[style*="gradient"]:not(#x):not(#y) *,
#noi-dung a[style*="background:#"]:not(#x):not(#y),
#noi-dung a[style*="background:#"]:not(#x):not(#y) *{color:#06283d !important;font-weight:700}


/* ================= v15.0 - HE THONG NUT + PHAN CAP MAU CHU ==========================
   Anh Hiep: chu trang mai don dieu; thieu bieu tuong truoc so dien thoai va email;
   nut Gui yeu cau khao sat khong co hieu ung; bo cuc nut xep doc, nut chinh lai la
   hop TOI tren nen xanh nen khong noi.                                              */

/* --- 1. BO CUC khoi CTA: hang ngang, can giua, gian cach dung --- */
.cta-actions:not(#x){display:flex !important;flex-wrap:wrap;justify-content:center;
  align-items:stretch;gap:14px;margin-top:28px;width:auto}
.cta-box:not(#x){text-align:center;padding:clamp(30px,4.5vw,52px) clamp(20px,4vw,44px)}
.cta-box:not(#x) > p{max-width:56ch;margin-left:auto;margin-right:auto}
@media(max-width:600px){.cta-actions:not(#x){flex-direction:column;align-items:stretch}}

/* --- 2. NUT: nen tang chung + hieu ung --- */
.btn:not(#x){display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  position:relative;overflow:hidden;padding:14px 26px;border-radius:12px;
  font-weight:700;line-height:1.25;text-decoration:none;white-space:nowrap;
  transition:transform .22s cubic-bezier(.32,.72,.32,1),box-shadow .22s,background-color .22s,
             border-color .22s,color .22s,filter .22s}
.btn:not(#x):hover{transform:translateY(-2px)}
.btn:not(#x):active{transform:translateY(0)}

/* --- 3. BIEU TUONG truoc chu (SVG that, khong dung emoji) --- */
.btn:not(#x)::before{content:none}
.btn[href^="tel:"]:not(#x)::before,.btn[href^="mailto:"]:not(#x)::before,
.iv-cta-survey:not(#x)::before{
  content:"";display:block;width:1.08em;height:1.08em;flex:0 0 auto;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  transition:transform .22s cubic-bezier(.32,.72,.32,1)}
.btn[href^="tel:"]:not(#x)::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>")}
.btn[href^="mailto:"]:not(#x)::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><path d='m22 6-10 7L2 6'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><path d='m22 6-10 7L2 6'/></svg>")}
.iv-cta-survey:not(#x)::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2'/><path d='M16 2v4M8 2v4M3 10h18'/><path d='m9 16 2 2 4-4'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2'/><path d='M16 2v4M8 2v4M3 10h18'/><path d='m9 16 2 2 4-4'/></svg>")}
.btn:not(#x):hover::before{transform:scale(1.12)}
/* an emoji dien thoai / phong bi con sot trong chu */
.btn[href^="tel:"]:not(#x),.btn[href^="mailto:"]:not(#x){text-indent:0}
.btn[href^="tel:"]:not(#x)::first-letter,.btn[href^="mailto:"]:not(#x)::first-letter{font-size:0;letter-spacing:0}

/* --- 4. NUT CHINH tren moi khoi NEN TOI = trang, la diem sang nhat man hinh --- */
.cta-box .btn-p:not(#x):not(#y),.side-cta .btn-p:not(#x):not(#y),.phero .btn-p:not(#x):not(#y),
#top .btn-p:not(#x):not(#y),#coverage .btn-p:not(#x):not(#y),#ai .btn-p:not(#x):not(#y),
footer .btn-p:not(#x):not(#y),.iv-dl .btn-p:not(#x):not(#y),.net-model .btn-p:not(#x):not(#y){
  background:#ffffff !important;background-image:none !important;
  color:#0b4382 !important;border:1px solid #ffffff !important;
  box-shadow:0 2px 6px rgba(0,22,52,.30),0 16px 32px -12px rgba(0,22,52,.55)}
.cta-box .btn-p:not(#x):not(#y) *,.side-cta .btn-p:not(#x):not(#y) *,.phero .btn-p:not(#x):not(#y) *,
#top .btn-p:not(#x):not(#y) *,#coverage .btn-p:not(#x):not(#y) *,#ai .btn-p:not(#x):not(#y) *,
footer .btn-p:not(#x):not(#y) *,.iv-dl .btn-p:not(#x):not(#y) *{color:#0b4382 !important}
.cta-box .btn-p:not(#x):not(#y):hover,.side-cta .btn-p:not(#x):not(#y):hover,
.phero .btn-p:not(#x):not(#y):hover,#top .btn-p:not(#x):not(#y):hover,
#coverage .btn-p:not(#x):not(#y):hover,#ai .btn-p:not(#x):not(#y):hover,
footer .btn-p:not(#x):not(#y):hover,.iv-dl .btn-p:not(#x):not(#y):hover{
  background:#eaf5ff !important;
  box-shadow:0 4px 10px rgba(0,22,52,.34),0 24px 46px -14px rgba(0,22,52,.62)}

/* hieu ung quet sang chay qua nut chinh khi re chuot */
.cta-box .btn-p:not(#x)::after,.side-cta .btn-p:not(#x)::after,.phero .btn-p:not(#x)::after{
  content:"";position:absolute;top:0;bottom:0;left:0;width:60%;pointer-events:none;
  transform:translateX(-180%) skewX(-18deg);
  background:linear-gradient(90deg,rgba(11,67,130,0),rgba(11,67,130,.13),rgba(11,67,130,0));
  transition:transform .75s cubic-bezier(.32,.72,.32,1)}
.cta-box .btn-p:not(#x):hover::after,.side-cta .btn-p:not(#x):hover::after,
.phero .btn-p:not(#x):hover::after{transform:translateX(320%) skewX(-18deg)}

/* --- 5. NUT PHU tren nen toi: vien ro hon, re chuot thi sang len --- */
.cta-box .btn-o:not(#x):not(#y),.side-cta .btn-o:not(#x):not(#y),.phero .btn-o:not(#x):not(#y),
#top .btn-o:not(#x):not(#y),#coverage .btn-o:not(#x):not(#y),#ai .btn-o:not(#x):not(#y),
footer .btn-o:not(#x):not(#y),.iv-dl .btn-o:not(#x):not(#y){
  background:rgba(255,255,255,.07) !important;
  border:1.5px solid rgba(255,255,255,.46) !important;color:#ffffff !important}
.cta-box .btn-o:not(#x):not(#y):hover,.side-cta .btn-o:not(#x):not(#y):hover,
.phero .btn-o:not(#x):not(#y):hover,#top .btn-o:not(#x):not(#y):hover,
#coverage .btn-o:not(#x):not(#y):hover,#ai .btn-o:not(#x):not(#y):hover,
footer .btn-o:not(#x):not(#y):hover,.iv-dl .btn-o:not(#x):not(#y):hover{
  background:rgba(255,255,255,.16) !important;border-color:#ffffff !important}

/* --- 6. PHAN CAP MAU CHU trong khoi CTA: het chu trang tuot --- */
.cta-box:not(#x){position:relative;overflow:hidden}
.cta-box:not(#x)::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);
  width:96px;height:5px;border-radius:0 0 99px 99px;
  background:linear-gradient(90deg,#7ee3f6,#ffffff 52%,#9fc4ff)}
.cta-box:not(#x) h2{color:#ffffff !important;letter-spacing:-.02em}
.cta-box:not(#x) > p{color:#c3e7fa !important;font-size:1.02rem}
.cta-box:not(#x) > p strong,.cta-box:not(#x) > p b{color:#ffffff !important}


/* --- v15.1 - CHAN TRANG: bieu tuong that thay emoji, tieu de cot co mau, hieu ung --- */
footer h5:not(#x),footer h5:not(#x) span{color:#9fe9f9 !important;letter-spacing:.15em}
footer h5:not(#x){position:relative;padding-bottom:13px;margin-bottom:17px}
footer h5:not(#x)::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;
  border-radius:99px;background:linear-gradient(90deg,#7ee3f6,#9fc4ff)}

/* o lien he: emoji -> bieu tuong SVG mau cyan */
footer .fitem:not(#x) > .ar{font-size:0 !important;line-height:0;
  width:18px;height:18px;flex:0 0 18px;margin-top:3px;
  background-color:#7ee3f6;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
footer .fitem:not(#x):nth-of-type(1) > .ar{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/><circle cx='12' cy='10' r='3'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/><circle cx='12' cy='10' r='3'/></svg>")}
footer .fitem:not(#x):nth-of-type(2) > .ar{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>")}
footer .fitem:not(#x):nth-of-type(3) > .ar{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><path d='m22 6-10 7L2 6'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><path d='m22 6-10 7L2 6'/></svg>")}
footer .fitem:not(#x):nth-of-type(4) > .ar{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 6v6l4 2'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 6v6l4 2'/></svg>")}
footer .fitem:not(#x):has(a[href^="tel:"]) > .ar{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>")}
footer .fitem:not(#x):has(a[href^="mailto:"]) > .ar{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><path d='m22 6-10 7L2 6'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><path d='m22 6-10 7L2 6'/></svg>")}
footer .fitem:not(#x){align-items:flex-start;gap:11px;margin-bottom:13px}
footer .fitem:not(#x) a{color:#eaf7ff;text-decoration:none;border-bottom:1px solid transparent;
  transition:border-color .2s,color .2s}
footer .fitem:not(#x) a:hover{color:#ffffff;border-bottom-color:#7ee3f6}

/* danh sach lien ket: mui ten truot khi re chuot */
footer .flist:not(#x) a{display:inline-flex;align-items:center;gap:7px;
  padding:5px 0;text-decoration:none;color:#d9eaf7;
  transition:color .2s,transform .2s cubic-bezier(.32,.72,.32,1)}
footer .flist:not(#x) a > .ar{color:#7ee3f6;transition:transform .2s cubic-bezier(.32,.72,.32,1)}
footer .flist:not(#x) a:hover{color:#ffffff;transform:translateX(4px)}
footer .flist:not(#x) a:hover > .ar{transform:translateX(2px);color:#9fe9f9}

/* lien ket phap ly cuoi chan trang */
footer .fl-links:not(#x) a{color:#cfe2f0;text-decoration:none;
  border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
footer .fl-links:not(#x) a:hover{color:#ffffff;border-bottom-color:rgba(159,233,249,.7)}


/* --- v15.2: NUT GOI DIEN co mau rieng.
   Anh Hiep muon nut goi dien khac mau hai nut kia. Em khong chon DO vi:
   (1) do la hanh Hoa, nghich menh Thuy; (2) do la mau nhan dien cua Viettel.
   Chon AQUA SANG - van thuoc Thuy, la mau sang nhat trong he, va dung nghia
   "ket noi". Ba nut thanh ba tang ro rang: aqua (goi) > trang (khao sat) > vien (email). */

/* tren moi khoi NEN TOI */
.cta-box .btn[href^="tel:"]:not(#x):not(#y),.side-cta .btn[href^="tel:"]:not(#x):not(#y),
.phero .btn[href^="tel:"]:not(#x):not(#y),#top .btn[href^="tel:"]:not(#x):not(#y),
#coverage .btn[href^="tel:"]:not(#x):not(#y),#ai .btn[href^="tel:"]:not(#x):not(#y),
footer .btn[href^="tel:"]:not(#x):not(#y),.iv-dl .btn[href^="tel:"]:not(#x):not(#y){
  background:linear-gradient(135deg,#7ee3f6,#00c2d6) !important;
  background-image:linear-gradient(135deg in oklab,#7ee3f6,#00c2d6) !important;
  color:#04222e !important;border:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 2px 6px rgba(0,22,52,.30),0 14px 30px -12px rgba(0,120,150,.60)}
.cta-box .btn[href^="tel:"]:not(#x):not(#y) *,.side-cta .btn[href^="tel:"]:not(#x):not(#y) *,
.phero .btn[href^="tel:"]:not(#x):not(#y) *,#top .btn[href^="tel:"]:not(#x):not(#y) *,
#coverage .btn[href^="tel:"]:not(#x):not(#y) *,#ai .btn[href^="tel:"]:not(#x):not(#y) *,
footer .btn[href^="tel:"]:not(#x):not(#y) *,.iv-dl .btn[href^="tel:"]:not(#x):not(#y) *{color:#04222e !important}
.cta-box .btn[href^="tel:"]:not(#x):not(#y):hover,.side-cta .btn[href^="tel:"]:not(#x):not(#y):hover,
.phero .btn[href^="tel:"]:not(#x):not(#y):hover,#top .btn[href^="tel:"]:not(#x):not(#y):hover,
#coverage .btn[href^="tel:"]:not(#x):not(#y):hover,#ai .btn[href^="tel:"]:not(#x):not(#y):hover,
footer .btn[href^="tel:"]:not(#x):not(#y):hover,.iv-dl .btn[href^="tel:"]:not(#x):not(#y):hover{
  background:linear-gradient(135deg,#9fe9f9,#12d0e2) !important;
  box-shadow:0 4px 10px rgba(0,22,52,.34),0 22px 44px -14px rgba(0,140,175,.70)}

/* tren nen SANG: aqua sam de chu trang du tuong phan */
body:not(.home) #noi-dung .btn[href^="tel:"]:not(#x):not(#y):not(.side-cta *):not(.cta-box *):not(.phero *):not(.iv-dl *){
  background:linear-gradient(135deg,#00879c,#00697c) !important;color:#ffffff !important;
  border:1px solid rgba(255,255,255,.20) !important}

/* vong sang nhe quanh nut goi - dung lai khi may nguoi dung tat hieu ung */
@keyframes ivRing{0%{box-shadow:0 0 0 0 rgba(126,227,246,.55)}70%{box-shadow:0 0 0 12px rgba(126,227,246,0)}100%{box-shadow:0 0 0 0 rgba(126,227,246,0)}}
.cta-box .btn[href^="tel:"]:not(#x)::before,.side-cta .btn[href^="tel:"]:not(#x)::before{
  border-radius:50%}
.cta-box .btn[href^="tel:"]:not(#x),.phero .btn[href^="tel:"]:not(#x){
  animation:ivRing 3.2s cubic-bezier(.32,.72,.32,1) infinite}
.cta-box .btn[href^="tel:"]:not(#x):hover,.phero .btn[href^="tel:"]:not(#x):hover{animation:none}
@media (prefers-reduced-motion:reduce){
  .cta-box .btn[href^="tel:"]:not(#x),.phero .btn[href^="tel:"]:not(#x){animation:none}
  .btn:not(#x){transition:none}
}

/* nut email: giu vien, nhung bieu tuong doi mau cyan cho khac han nut goi */
.cta-box .btn[href^="mailto:"]:not(#x)::before,.side-cta .btn[href^="mailto:"]:not(#x)::before,
.phero .btn[href^="mailto:"]:not(#x)::before,footer .btn[href^="mailto:"]:not(#x)::before{
  background-color:#7ee3f6}


/* --- v15.3: ba nut = ba tang ro rang.
   Goi dien = aqua dac (nhanh nhat) | Khao sat = trang dac (hanh dong chinh)
   | Email = vien mong (phu). Truoc do khao sat va email giong het nhau. --- */
.cta-box .iv-cta-survey:not(#x):not(#y),
.side-cta .iv-cta-survey:not(#x):not(#y),
.phero .iv-cta-survey:not(#x):not(#y),
#top .iv-cta-survey:not(#x):not(#y),
footer .iv-cta-survey:not(#x):not(#y){
  background:#ffffff !important;color:#0b4382 !important;
  border:1px solid #ffffff !important;
  box-shadow:0 2px 6px rgba(0,22,52,.28),0 14px 30px -12px rgba(0,22,52,.52)}
.cta-box .iv-cta-survey:not(#x):not(#y) *,
.side-cta .iv-cta-survey:not(#x):not(#y) *,
.phero .iv-cta-survey:not(#x):not(#y) *,
#top .iv-cta-survey:not(#x):not(#y) *,
footer .iv-cta-survey:not(#x):not(#y) *{color:#0b4382 !important}
.cta-box .iv-cta-survey:not(#x):not(#y):hover,
.side-cta .iv-cta-survey:not(#x):not(#y):hover,
.phero .iv-cta-survey:not(#x):not(#y):hover,
#top .iv-cta-survey:not(#x):not(#y):hover,
footer .iv-cta-survey:not(#x):not(#y):hover{background:#eaf5ff !important;
  box-shadow:0 4px 10px rgba(0,22,52,.32),0 22px 44px -14px rgba(0,22,52,.60)}
/* bieu tuong dien thoai to hon mot chut cho ro tren nen aqua */
.btn[href^="tel:"]:not(#x)::before{width:1.18em;height:1.18em}

/* ================= v16.0 - CHAN TRANG: BO CUC LAI, HET KHOANG TRONG CHET ==========
   Cot DICH VU co 9 muc -> cao 450px, hai cot ben phai chi ~250px -> thua mot mang
   trong lon ben phai. Sua bang cach chia cot DICH VU thanh 2 cot va bo align stretch. */
footer:not(#x){position:relative;overflow:hidden}
footer:not(#x)::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:2;
  background:linear-gradient(90deg,#7ee3f6,#ffffff 38%,#9fc4ff 68%,#7ee3f6)}
footer:not(#x)::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(900px 420px at 88% 0%,rgba(126,227,246,.11),transparent 62%),
             radial-gradient(720px 360px at 5% 100%,rgba(159,196,255,.10),transparent 60%)}
footer:not(#x) > *{position:relative;z-index:1}

.foot-grid:not(#x){align-items:start;gap:34px 40px}
.foot-grid:not(#x) > div:nth-child(2) .flist{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}
@media(max-width:900px){.foot-grid:not(#x) > div:nth-child(2) .flist{grid-template-columns:1fr}}

/* --- khoi LIEN HE thanh mot the kinh, khong con troi lo lung --- */
.foot-grid:not(#x) > div:nth-child(4){background:rgba(255,255,255,.055);
  border:1px solid rgba(159,233,249,.20);border-radius:16px;padding:22px 22px 10px}

/* --- moi dong lien he: bieu tuong nam trong o vuong bo tron --- */
footer .fitem:not(#x){align-items:center;gap:13px;margin-bottom:14px}
footer .fitem:not(#x) > .ar{width:36px;height:36px;flex:0 0 36px;margin-top:0;
  border-radius:11px;background:rgba(126,227,246,.13) !important;
  border:1px solid rgba(126,227,246,.30);
  -webkit-mask-image:none !important;mask-image:none !important;
  display:flex;align-items:center;justify-content:center;font-size:0;line-height:0;
  transition:background .22s,border-color .22s,transform .22s}
footer .fitem:not(#x) > .ar::before{content:"";display:block;width:18px;height:18px;
  background-color:#7ee3f6;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain}
footer .fitem:not(#x):nth-of-type(1) > .ar::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/><circle cx='12' cy='10' r='3'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/><circle cx='12' cy='10' r='3'/></svg>")}
footer .fitem:not(#x):nth-of-type(2) > .ar::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>")}
footer .fitem:not(#x):nth-of-type(3) > .ar::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><path d='m22 6-10 7L2 6'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><path d='m22 6-10 7L2 6'/></svg>")}
footer .fitem:not(#x):nth-of-type(4) > .ar::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 6v6l4 2'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 6v6l4 2'/></svg>")}
footer .fitem:not(#x):has(a[href^="tel:"]) > .ar::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>")}
footer .fitem:not(#x):has(a[href^="mailto:"]) > .ar::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><path d='m22 6-10 7L2 6'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/><path d='m22 6-10 7L2 6'/></svg>")}
footer .fitem:not(#x):hover > .ar{background:rgba(126,227,246,.24) !important;
  border-color:rgba(126,227,246,.58);transform:translateY(-1px)}

/* so hotline la diem nhan cua cot lien he */
footer .fitem:not(#x):has(a[href^="tel:"]) a{font-size:1.08rem;font-weight:800;
  color:#9fe9f9 !important;letter-spacing:.01em;border-bottom:0}
footer .fitem:not(#x):has(a[href^="tel:"]) a:hover{color:#ffffff !important}

/* --- danh sach lien ket: bo mui ten, dung vach mau sang len khi re chuot --- */
footer .flist:not(#x) a > .ar{display:none}
footer .flist:not(#x) a{border-left:2px solid transparent;padding:6px 8px 6px 11px;
  border-radius:0 8px 8px 0;gap:0}
footer .flist:not(#x) a:hover{border-left-color:#7ee3f6;background:rgba(126,227,246,.08);
  transform:translateX(2px);color:#ffffff}

/* --- cot thuong hieu --- */
footer .brand:not(#x) img{height:36px;width:auto}
.foot-grid:not(#x) > div:nth-child(1) > p{border-left:3px solid rgba(126,227,246,.45);
  padding-left:15px;color:#cfe2f0;margin-top:16px}

/* --- v16.1: LOI BIEU TUONG NUT GOI DIEN.
   Theme co san rule .btn-p::before{position:absolute} (lop trang tri).
   Moi phan tu chi co MOT ::before, nen mask cua minh bi hop nhat voi
   position:absolute cua theme -> bieu tuong bi day ra khoi dong, mat hut.
   Cac nut .btn-o khong dinh vi nen van hien binh thuong -> cho co cho khong.
   Sua: ep ::before ve position:static va xoa moi toa do.                    */
.btn[href^="tel:"]:not(#x):not(#y)::before,
.btn[href^="mailto:"]:not(#x):not(#y)::before,
.iv-cta-survey:not(#x):not(#y)::before{
  position:static !important;top:auto !important;right:auto !important;
  bottom:auto !important;left:auto !important;inset:auto !important;
  width:1.18em !important;height:1.18em !important;
  border-radius:0 !important;opacity:1 !important;
  transform:none;filter:none;box-shadow:none}
.btn[href^="tel:"]:not(#x):not(#y):hover::before,
.btn[href^="mailto:"]:not(#x):not(#y):hover::before,
.iv-cta-survey:not(#x):not(#y):hover::before{transform:scale(1.12)}

/* --- v16.2: SUA LOI VO CHU TRONG DANH SACH CHAN TRANG.
   Nguyen nhan: dat .flist a{display:inline-flex} -> MOI text node thanh mot
   flex item, khoang trang giua cac tu bi nuot ("IPLC quoc te" -> "IPLCquoc te").
   Da bo mui ten roi nen khong can flex nua -> tra ve display:block.
   Bo luon chia 2 cot vi cot chi rong 219px, chia doi thi chu vo het.        */
footer .flist:not(#x){display:block !important;grid-template-columns:none !important}
footer .flist:not(#x) a{display:block !important;gap:0;white-space:normal;
  border-left:2px solid transparent;padding:7px 8px 7px 12px;border-radius:0 8px 8px 0;
  transition:border-color .2s,background-color .2s,color .2s,transform .2s cubic-bezier(.32,.72,.32,1)}
footer .flist:not(#x) a:hover{border-left-color:#7ee3f6;background:rgba(126,227,246,.09);
  transform:translateX(2px);color:#ffffff}
/* cot dich vu rong hon mot chut cho ten dai khong bi xuong dong */
.foot-grid:not(#x){grid-template-columns:1.15fr 1.1fr 1fr 1.15fr !important;align-items:start}
@media(max-width:900px){.foot-grid:not(#x){grid-template-columns:1fr !important}}

/* --- v16.3
   1) Nut hotline tren dau trang (.ncta) van dung emoji va khong co bieu tuong SVG
      -> cho co cho khong. Da xoa emoji trong header.php va gan icon o day.
   2) The LIEN HE qua hep -> so hotline va gio lam viec bi ngat dong lung tung.
      Cho cot rong hon, icon can theo DONG DAU thay vi can giua, so hotline khong ngat. */
.ncta:not(#x){display:inline-flex;align-items:center;gap:.5em}
.ncta:not(#x)::before{content:"";display:block;flex:0 0 auto;width:1.05em;height:1.05em;
  background-color:currentColor;position:static;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/></svg>");
  transition:transform .22s cubic-bezier(.32,.72,.32,1)}
.ncta:not(#x):hover::before{transform:scale(1.12)}

.foot-grid:not(#x){grid-template-columns:1.05fr 1fr .92fr 1.4fr !important}
@media(max-width:900px){.foot-grid:not(#x){grid-template-columns:1fr !important}}
footer .fitem:not(#x){align-items:flex-start;gap:13px;margin-bottom:16px;line-height:1.55}
footer .fitem:not(#x) > .ar{margin-top:1px}
footer .fitem:not(#x) > *:not(.ar){font-size:.92rem}
footer .fitem:not(#x):has(a[href^="tel:"]) a{white-space:nowrap;font-size:1.12rem;line-height:1.3}
.foot-grid:not(#x) > div:nth-child(4){padding:24px 24px 12px}

/* ================= v17.0 - BO SUONG MU, RANH GIOI SAC NET =========================
   Cac dai chuyen tiep 92-118px di tu navy qua vung GAN TRANG roi moi xuong mau nen
   -> tao mot vet mo nhu suong khoi. Cac trang lon (Stripe, Vercel, ACB, Viettel)
   deu dung RANH GIOI SAC NET, khong dung gradient dai. Bo het va thay bang mot
   vach mau 3px o hai dau moi mang toi. Dong thoi gian cac bac nen sang tu 3 bac
   gan giong nhau xuong 2 bac ro rang hon.                                        */
body.home #coverage::before,body.home #coverage::after,
body.home #ai::before,body.home #ai::after,
body.home #about::before,body.home #camera-hai-quan::after,
body.home #why::before{display:none !important;height:0 !important;background:none !important}

/* thang nen sang 2 bac ro rang thay cho 3 bac gan giong nhau */
body.home #about:not(#x),body.home #solutions-by:not(#x),
body.home #trust:not(#x),body.home #contact:not(#x){background-color:#f6fbff}
body.home #services:not(#x),body.home #cases:not(#x),
body.home #news:not(#x),body.home #camera-hai-quan:not(#x){background-color:#e4eff9}
body.page-template-page-infovina:not(#x),body.single:not(#x){background-color:#f0f7fe}

/* vach mau 3px o hai dau moi mang toi - ranh gioi sac net thay cho vet mo */
body.home #coverage:not(#x),body.home #ai:not(#x){
  background-image:linear-gradient(90deg,#7ee3f6,#9fc4ff 52%,#7ee3f6),linear-gradient(90deg,#7ee3f6,#9fc4ff 52%,#7ee3f6),linear-gradient(in oklab,#14589f,#0b4382);
  background-size:100% 3px,100% 3px,100% 100%;
  background-position:top left,bottom left,center;
  background-repeat:no-repeat,no-repeat,no-repeat}
body.home #ai:not(#x){
  background-image:linear-gradient(90deg,#7ee3f6,#9fc4ff 52%,#7ee3f6),linear-gradient(90deg,#7ee3f6,#9fc4ff 52%,#7ee3f6),linear-gradient(in oklab,#0b4382,#14589f);
  background-size:100% 3px,100% 3px,100% 100%;
  background-position:top left,bottom left,center;
  background-repeat:no-repeat,no-repeat,no-repeat}
body.home #why:not(#x){
  background-image:linear-gradient(90deg,#7ee3f6,#9fc4ff 52%,#7ee3f6),linear-gradient(90deg,#7ee3f6,#9fc4ff 52%,#7ee3f6),linear-gradient(180deg in oklab,#1a63ac,#14589f 54%,#0f4e94);
  background-size:100% 3px,100% 3px,100% 100%;
  background-position:top left,bottom left,center;
  background-repeat:no-repeat,no-repeat,no-repeat}
/* ranh gioi hero -> khoi sang dau tien, va khoi sang cuoi -> chan trang */
body.home #about:not(#x){background-image:linear-gradient(90deg,#7ee3f6,#9fc4ff 52%,#7ee3f6);background-size:100% 3px;
  background-position:top left;background-repeat:no-repeat}
body.home #camera-hai-quan:not(#x){background-image:linear-gradient(90deg,#7ee3f6,#9fc4ff 52%,#7ee3f6);background-size:100% 3px;
  background-position:bottom left;background-repeat:no-repeat}

/* ================= v18.0 - MOI BIEU TUONG MOT MAU + CHUAN HOA CO CHU ==============
   1) Bon o lien he o chan trang deu mau cyan -> don dieu. Cho moi loai mot mau
      trong bo 4 tong dich vu (van thuoc vung lanh, hop menh Thuy).
   2) Do co chu toan site: 1 font (Be Vietnam Pro) - dung; nhung co toi 21-35 CO
      CHU khac nhau tren mot trang, co ca 11,5 / 13,5 / 14,7 / 15,5 / 21 / 23px.
      Nan ve thang chuan: 12 / 13 / 14 / 16 / 18 / 20 / 24 / 28 / 32 / 40.        */

/* --- 1. Mau rieng cho tung o bieu tuong lien he --- */
footer .fitem:not(#x):nth-of-type(1) > .ar{background:rgba(108,184,255,.15) !important;
  border-color:rgba(108,184,255,.34)}
footer .fitem:not(#x):nth-of-type(1) > .ar::before{background-color:#6cb8ff}
footer .fitem:not(#x):nth-of-type(2) > .ar{background:rgba(126,227,246,.15) !important;
  border-color:rgba(126,227,246,.36)}
footer .fitem:not(#x):nth-of-type(2) > .ar::before{background-color:#7ee3f6}
footer .fitem:not(#x):nth-of-type(3) > .ar{background:rgba(179,168,255,.16) !important;
  border-color:rgba(179,168,255,.36)}
footer .fitem:not(#x):nth-of-type(3) > .ar::before{background-color:#b3a8ff}
footer .fitem:not(#x):nth-of-type(4) > .ar{background:rgba(92,224,176,.15) !important;
  border-color:rgba(92,224,176,.34)}
footer .fitem:not(#x):nth-of-type(4) > .ar::before{background-color:#5ce0b0}
footer .fitem:not(#x):nth-of-type(1):hover > .ar{background:rgba(108,184,255,.28) !important;border-color:#6cb8ff}
footer .fitem:not(#x):nth-of-type(2):hover > .ar{background:rgba(126,227,246,.28) !important;border-color:#7ee3f6}
footer .fitem:not(#x):nth-of-type(3):hover > .ar{background:rgba(179,168,255,.30) !important;border-color:#b3a8ff}
footer .fitem:not(#x):nth-of-type(4):hover > .ar{background:rgba(92,224,176,.28) !important;border-color:#5ce0b0}

/* --- 2. Nan co chu ve thang chuan --- */
.dt:not(#x),.dt:not(#x) span{font-size:12px}
.dt:not(#x) b,.dt:not(#x) strong{font-size:13px}
.tx:not(#x),.tx:not(#x) span,.tx:not(#x) b{font-size:13px}
.glass:not(#x) p,a.glass:not(#x) p,.side-cta:not(#x) p,.side-cta:not(#x) p span{font-size:14px}
.glass:not(#x) h3,.glass:not(#x) h3 span{font-size:16px}
.use:not(#x) h3,.use:not(#x) h3 span,.side-card:not(#x) h3,.side-card:not(#x) h3 span{font-size:20px}
.glass:not(#x) > div > div:not([class]){font-size:24px}
footer .fitem:not(#x) > *:not(.ar){font-size:14px}
footer .fitem:not(#x):has(a[href^="tel:"]) a{font-size:18px}

/* --- v18.1: SO THU TU VA TIEU DE TREN CUNG MOT DONG + MOI BUOC MOT MAU.
   The .glass la display:block nen o so nam TREN tieu de -> roi rac, ton cho.
   Doi sang grid 2 cot: [o so][tieu de] o hang tren, mo ta trai het hang duoi. */
.glass:not(#x):has(> div[style*="5ce6f7"]){display:grid;grid-template-columns:auto 1fr;
  grid-template-areas:"n t" "d d";column-gap:13px;row-gap:9px;align-items:center}
.glass:not(#x):has(> div[style*="5ce6f7"]) > div[style*="5ce6f7"]{grid-area:n;margin:0;flex:0 0 auto}
.glass:not(#x):has(> div[style*="5ce6f7"]) > h3{grid-area:t;margin:0;align-self:center;line-height:1.3}
.glass:not(#x):has(> div[style*="5ce6f7"]) > p{grid-area:d;margin:0}

/* moi buoc mot mau, chu tren o luon la #04222e (thap nhat 5,1:1) */
.glass:not(#x):has(> div[style*="5ce6f7"]) > div[style*="5ce6f7"]{color:#04222e !important;font-weight:800}
.glass:nth-of-type(1) > div[style*="5ce6f7"]{background:linear-gradient(150deg,#7ee3f6,#22c7de) !important}
.glass:nth-of-type(2) > div[style*="5ce6f7"]{background:linear-gradient(150deg,#8fc6ff,#3f92e8) !important}
.glass:nth-of-type(3) > div[style*="5ce6f7"]{background:linear-gradient(150deg,#7fe8cc,#23bb98) !important}
.glass:nth-of-type(4) > div[style*="5ce6f7"]{background:linear-gradient(150deg,#c2b8ff,#8f80f0) !important}
.glass:nth-of-type(5) > div[style*="5ce6f7"]{background:linear-gradient(150deg,#7ee3f6,#22c7de) !important}
.glass:nth-of-type(6) > div[style*="5ce6f7"]{background:linear-gradient(150deg,#8fc6ff,#3f92e8) !important}

/* --- v18.2: cac co chu le con lai deu do font-size dat THANG trong HTML bai viet
   (13,5 / 15,5 / 23px). Nan ve thang chuan bang !important.                    */
.glass:not(#x) p[style*="font-size"],.glass:not(#x) p[style*="font-size"] span{font-size:14px !important}
.glass:not(#x) h3[style*="font-size"],.glass:not(#x) h3[style*="font-size"] span{font-size:16px !important}
.glass:not(#x) > div > div[style*="font-size"]{font-size:24px !important}
footer p[style*="font-size"],footer p[style*="font-size"] span{font-size:14px !important}

/* --- v18.3: nan not cac co chu le tren trang chu ve thang chuan
   12 / 13 / 14 / 16 / 18 / 20 / 24 / 28 / 32 / 36 / 40                          */
.res .n:not(#x),.res .n:not(#x) span{font-size:24px}
.res .l:not(#x),.res .l:not(#x) span{font-size:12px}
.cell-body:not(#x) p,.cell-body:not(#x) p span,
.cell-body:not(#x) a.go,.cell-body:not(#x) a.go span{font-size:13px}
.sla-strip:not(#x) .sla-i b{font-size:16px}
.sla-strip:not(#x) .sla-i i{font-size:12px}
.why-card:not(#x) h4,.why-card:not(#x) h4 span{font-size:16px}
.apill:not(#x) .n,.apill:not(#x) .n span{font-size:28px}
.apill:not(#x) .l,.apill:not(#x) .l span{font-size:12px}
.case:not(#x) .logo,.case:not(#x) .logo span{font-size:24px}

/* --- v19.0: don not sau khi soat toan bo
   1) Chu N trong o dai dien tro ly Nancy: chu sang tren nen cyan sang = 2,34:1.
   2) Vai co chu le con lai: 12,8 / 13,3 / 17 / 47,2px.                        */
.av:not(#x),.chatw .av:not(#x){color:#04222e !important;font-weight:800;font-size:16px}
.sla-more:not(#x),.sla-more:not(#x) span{font-size:13px}
.av:not(#x){font-size:16px}
.chatw:not(#x) b,.chatw:not(#x) .qchip,.chatw:not(#x) .qchip span{font-size:13px}
.chatw-head:not(#x) b,.chatw-head:not(#x) b span{font-size:14px}
button:not(#x){font-size:14px}
.lang button:not(#x),.lang button:not(#x) span{font-size:12px}

/* ============ v20.0 SOAT TOAN TRANG 02-09-2026 ============ */
.iv-ok:not(#x){display:inline-block !important;width:1.02em !important;height:1.02em !important;vertical-align:-.17em !important;background-color:#0d8a5f !important;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12.6l5.4 5.4L20 6.6'/></svg>") !important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M4 12.6l5.4 5.4L20 6.6'/></svg>") !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-position:center !important;mask-position:center !important;-webkit-mask-size:contain !important;mask-size:contain !important;position:static !important;inset:auto !important;border-radius:0 !important;content:"" !important;flex:0 0 auto !important;margin-left:.3em}
.iv-cam:not(#x){display:inline-block !important;width:1.15em !important;height:1.15em !important;vertical-align:-.17em !important;background-color:#0e6ea8 !important;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M3.6 8.6h3.1l1.6-2.4h7.4l1.6 2.4h3.1a1.1 1.1 0 0 1 1.1 1.1v8.2a1.1 1.1 0 0 1-1.1 1.1H3.6a1.1 1.1 0 0 1-1.1-1.1V9.7a1.1 1.1 0 0 1 1.1-1.1z'/><circle cx='12' cy='13.7' r='3.3'/></svg>") !important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M3.6 8.6h3.1l1.6-2.4h7.4l1.6 2.4h3.1a1.1 1.1 0 0 1 1.1 1.1v8.2a1.1 1.1 0 0 1-1.1 1.1H3.6a1.1 1.1 0 0 1-1.1-1.1V9.7a1.1 1.1 0 0 1 1.1-1.1z'/><circle cx='12' cy='13.7' r='3.3'/></svg>") !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-position:center !important;mask-position:center !important;-webkit-mask-size:contain !important;mask-size:contain !important;position:static !important;inset:auto !important;border-radius:0 !important;content:"" !important;flex:0 0 auto !important;margin-right:.42em}
.iv-box:not(#x){display:inline-block;width:15px;height:15px;border:1.7px solid #6d8ba3;border-radius:4px;background:#fff;vertical-align:-.16em}
td:has(> .iv-box):not(#x){text-align:center}
.iv-dl a[download]:not(#x)::before{display:inline-block !important;width:1.12em !important;height:1.12em !important;vertical-align:-.17em !important;background-color:currentColor !important;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3.6v11.8'/><path d='M7.2 11l4.8 4.8L16.8 11'/><path d='M4.2 20.4h15.6'/></svg>") !important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3.6v11.8'/><path d='M7.2 11l4.8 4.8L16.8 11'/><path d='M4.2 20.4h15.6'/></svg>") !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-position:center !important;mask-position:center !important;-webkit-mask-size:contain !important;mask-size:contain !important;position:static !important;inset:auto !important;border-radius:0 !important;content:"" !important;flex:0 0 auto !important;margin-right:.46em}
.prose a[download]:not(#x):not(.btn):not(.btn-p):not(.btn-o)::before{display:inline-block !important;width:1.05em !important;height:1.05em !important;vertical-align:-.17em !important;background-color:currentColor !important;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3.6v11.8'/><path d='M7.2 11l4.8 4.8L16.8 11'/><path d='M4.2 20.4h15.6'/></svg>") !important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3.6v11.8'/><path d='M7.2 11l4.8 4.8L16.8 11'/><path d='M4.2 20.4h15.6'/></svg>") !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-position:center !important;mask-position:center !important;-webkit-mask-size:contain !important;mask-size:contain !important;position:static !important;inset:auto !important;border-radius:0 !important;content:"" !important;flex:0 0 auto !important;margin-right:.4em}
.chatw-quick .qchip:not(#x){align-items:center;gap:.46em}
.chatw-quick .qchip:not(#x):nth-of-type(1)::before{display:inline-block !important;width:1.12em !important;height:1.12em !important;vertical-align:-.17em !important;background-color:#7ee3f6 !important;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M20.4 12.6l-8 8-9.1-9.1V3.4h8.1z'/><circle cx='8' cy='8' r='1.3'/></svg>") !important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M20.4 12.6l-8 8-9.1-9.1V3.4h8.1z'/><circle cx='8' cy='8' r='1.3'/></svg>") !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-position:center !important;mask-position:center !important;-webkit-mask-size:contain !important;mask-size:contain !important;position:static !important;inset:auto !important;border-radius:0 !important;content:"" !important;flex:0 0 auto !important;}
.chatw-quick .qchip:not(#x):nth-of-type(2)::before{display:inline-block !important;width:1.12em !important;height:1.12em !important;vertical-align:-.17em !important;background-color:#6cb8ff !important;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M3.6 8.6h3.1l1.6-2.4h7.4l1.6 2.4h3.1a1.1 1.1 0 0 1 1.1 1.1v8.2a1.1 1.1 0 0 1-1.1 1.1H3.6a1.1 1.1 0 0 1-1.1-1.1V9.7a1.1 1.1 0 0 1 1.1-1.1z'/><circle cx='12' cy='13.7' r='3.3'/></svg>") !important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M3.6 8.6h3.1l1.6-2.4h7.4l1.6 2.4h3.1a1.1 1.1 0 0 1 1.1 1.1v8.2a1.1 1.1 0 0 1-1.1 1.1H3.6a1.1 1.1 0 0 1-1.1-1.1V9.7a1.1 1.1 0 0 1 1.1-1.1z'/><circle cx='12' cy='13.7' r='3.3'/></svg>") !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-position:center !important;mask-position:center !important;-webkit-mask-size:contain !important;mask-size:contain !important;position:static !important;inset:auto !important;border-radius:0 !important;content:"" !important;flex:0 0 auto !important;}
.chatw-quick .qchip:not(#x):nth-of-type(3)::before{display:inline-block !important;width:1.12em !important;height:1.12em !important;vertical-align:-.17em !important;background-color:#5ce0b0 !important;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M2.6 8.6a15 15 0 0 1 18.8 0'/><path d='M6 12.3a10 10 0 0 1 12 0'/><path d='M9.4 15.9a5 5 0 0 1 5.2 0'/><circle cx='12' cy='19.3' r='1.2'/></svg>") !important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M2.6 8.6a15 15 0 0 1 18.8 0'/><path d='M6 12.3a10 10 0 0 1 12 0'/><path d='M9.4 15.9a5 5 0 0 1 5.2 0'/><circle cx='12' cy='19.3' r='1.2'/></svg>") !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-position:center !important;mask-position:center !important;-webkit-mask-size:contain !important;mask-size:contain !important;position:static !important;inset:auto !important;border-radius:0 !important;content:"" !important;flex:0 0 auto !important;}
.chatw-quick .qchip:not(#x):nth-of-type(4)::before{display:inline-block !important;width:1.12em !important;height:1.12em !important;vertical-align:-.17em !important;background-color:#b3a8ff !important;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='8.6'/><path d='M3.4 12h17.2'/><path d='M12 3.4c2.3 2.4 3.5 5.4 3.5 8.6s-1.2 6.2-3.5 8.6c-2.3-2.4-3.5-5.4-3.5-8.6s1.2-6.2 3.5-8.6z'/></svg>") !important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='8.6'/><path d='M3.4 12h17.2'/><path d='M12 3.4c2.3 2.4 3.5 5.4 3.5 8.6s-1.2 6.2-3.5 8.6c-2.3-2.4-3.5-5.4-3.5-8.6s1.2-6.2 3.5-8.6z'/></svg>") !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-position:center !important;mask-position:center !important;-webkit-mask-size:contain !important;mask-size:contain !important;position:static !important;inset:auto !important;border-radius:0 !important;content:"" !important;flex:0 0 auto !important;}
:is(.prose,#noi-dung p,#noi-dung li,#noi-dung td,#noi-dung th,.price-grid,.iv-form,.side-card) a[href^="tel:"]:not(#x):not(.btn):not(.btn-p):not(.btn-o):not(.ncta):not(.qchip)::before{display:inline-block !important;width:1.02em !important;height:1.02em !important;vertical-align:-.17em !important;background-color:#0e6ea8 !important;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M6.4 3.6h3.1l1.6 4-2 1.5a12.2 12.2 0 0 0 5.8 5.8l1.5-2 4 1.6v3.1a2 2 0 0 1-2.2 2A17.6 17.6 0 0 1 4.4 5.8a2 2 0 0 1 2-2.2z'/></svg>") !important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M6.4 3.6h3.1l1.6 4-2 1.5a12.2 12.2 0 0 0 5.8 5.8l1.5-2 4 1.6v3.1a2 2 0 0 1-2.2 2A17.6 17.6 0 0 1 4.4 5.8a2 2 0 0 1 2-2.2z'/></svg>") !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-position:center !important;mask-position:center !important;-webkit-mask-size:contain !important;mask-size:contain !important;position:static !important;inset:auto !important;border-radius:0 !important;content:"" !important;flex:0 0 auto !important;margin-right:.38em}
:is(.prose,#noi-dung p,#noi-dung li,#noi-dung td,#noi-dung th,.price-grid,.iv-form,.side-card) a[href^="mailto:"]:not(#x):not(.btn):not(.btn-p):not(.btn-o):not(.ncta):not(.qchip)::before{display:inline-block !important;width:1.05em !important;height:1.05em !important;vertical-align:-.17em !important;background-color:#0e6ea8 !important;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><rect x='2.9' y='5.1' width='18.2' height='13.8' rx='2.2'/><path d='M3.5 6.9L12 13l8.5-6.1'/></svg>") !important;mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><rect x='2.9' y='5.1' width='18.2' height='13.8' rx='2.2'/><path d='M3.5 6.9L12 13l8.5-6.1'/></svg>") !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-position:center !important;mask-position:center !important;-webkit-mask-size:contain !important;mask-size:contain !important;position:static !important;inset:auto !important;border-radius:0 !important;content:"" !important;flex:0 0 auto !important;margin-right:.38em}
.price-grid a[href^="tel:"]:not(#x)::before,.price-grid a[href^="mailto:"]:not(#x)::before{background-color:#06283d !important}
.iv-dark a[href^="tel:"]:not(#x)::before,.iv-dark a[href^="mailto:"]:not(#x)::before,.side-cta a[href^="tel:"]:not(#x)::before,.side-cta a[href^="mailto:"]:not(#x)::before{background-color:#7ee3f6 !important}
.sla-strip .sla-more:not(#x),.sla-strip .sla-more:not(#x) *{color:#d7f3fd !important}
.iv-proof .l:not(#x),.iv-proof .l:not(#x) *{color:#edf6fd !important}
#noi-dung .prose em:not(#x),#noi-dung .prose figcaption:not(#x),#noi-dung .prose p > small:not(#x){color:#3b5771 !important}
.iv-form label:not(#x),.iv-form .iv-form-grid label:not(#x){font-size:14px !important}
.prose small:not(#x),#noi-dung small:not(#x){font-size:13px !important}
.use-grid .use p:not(#x){font-size:14px !important}
.case .ind:not(#x),.case.glass .ind:not(#x){font-size:12px !important}
.cell .tag:not(#x),.cell.wide .tag:not(#x){font-size:11px !important}
.about-txt p:not(#x){font-size:16px !important}
.ncard h4:not(#x){font-size:16px !important}
.term-metrics .ml:not(#x){font-size:11px !important}
.term-metrics .mv:not(#x){font-size:16px !important}

/* ============ v20.1 — bo mau Tho (vang/cam) con sot ============ */
[style*="eaf6ff"]:not(#x),[style*="EAF6FF"]:not(#x),.iv-warn:not(#x){background:#eaf6ff !important;border:1px solid #bcdcf5 !important;border-left:4px solid #14589f !important;border-radius:14px !important;color:#0d2a46 !important}
[style*="eaf6ff"]:not(#x) b,[style*="eaf6ff"]:not(#x) strong,.iv-warn:not(#x) b,.iv-warn:not(#x) strong{color:#0b4382 !important}
.use h4 .d:not(#x){background:#1a7fc1 !important;background-image:none !important}
.use-grid .use:nth-of-type(4n+2) h4 .d:not(#x){background:#0e8ea8 !important}
.use-grid .use:nth-of-type(4n+3) h4 .d:not(#x){background:#6b5bd6 !important}
.use-grid .use:nth-of-type(4n+4) h4 .d:not(#x){background:#0d8a5f !important}
.side-links a .ar:not(#x){background-image:linear-gradient(135deg,#4fc9f0,#1a7fc1) !important}
.side-links a:nth-of-type(4n+2) .ar:not(#x){background-image:linear-gradient(135deg,#7ee3f6,#0e8ea8) !important}
.side-links a:nth-of-type(4n+3) .ar:not(#x){background-image:linear-gradient(135deg,#b3a8ff,#6b5bd6) !important}
.side-links a:nth-of-type(4n+4) .ar:not(#x){background-image:linear-gradient(135deg,#5ce0b0,#0d8a5f) !important}

/* ============ v20.2 — chuan hoa co chu noi dung ============ */
#noi-dung .prose:not(#x){font-size:16px !important}
#noi-dung .prose blockquote:not(#x){font-size:16px !important}
#noi-dung .prose > div:not(#x):not(.net-model){font-size:16px !important}

/* ============ v20.3 — hoan thien + mobile ============ */
#coverage .cov-grid .reveal > p:not(#x){font-size:17px !important}
@media (max-width:640px){
 #noi-dung table th:not(#x),#noi-dung table td:not(#x){font-size:15px !important}
 #noi-dung .prose a[download]:not(#x),#noi-dung .iv-dl a:not(#x){display:inline-flex !important;align-items:center !important;min-height:44px !important;padding:10px 14px !important;border-radius:12px !important;background:rgba(20,88,159,.08) !important;text-decoration:none !important}
 #noi-dung .prose p a:not(#x):not(.btn):not(.btn-p):not(.btn-o){padding:2px 0 !important;line-height:1.75 !important}
}

/* ============ v21.0 BANG MAU BIEU TUONG 8 SAC ============ */
.ic-amber:not(#x):not(#y):not(#z),.di.ic-amber:not(#x):not(#y):not(#z),.ico.ic-amber:not(#x):not(#y):not(#z),.ic.ic-amber:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#9aa9ff,#3546c4) !important;background-color:transparent !important}
.drop > a:nth-child(8n+1).di:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5cecfb,#0a90b8) !important;background-color:transparent !important}
.drop > a:nth-child(8n+2).di:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#b3a8ff,#5b4fd0) !important;background-color:transparent !important}
.drop > a:nth-child(8n+3).di:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6fe3c2,#0f8f74) !important;background-color:transparent !important}
.drop > a:nth-child(8n+4).di:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6cb8ff,#1558c8) !important;background-color:transparent !important}
.drop > a:nth-child(8n+5).di:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5ceada,#0a8f96) !important;background-color:transparent !important}
.drop > a:nth-child(8n+6).di:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#9aa9ff,#3546c4) !important;background-color:transparent !important}
.drop > a:nth-child(8n+7).di:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ce9b6,#12925f) !important;background-color:transparent !important}
.drop > a:nth-child(8n+8).di:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ad9ff,#0d78ad) !important;background-color:transparent !important}
.bento > *:nth-child(8n+1) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5cecfb,#0a90b8) !important;background-color:transparent !important}
.bento > *:nth-child(8n+2) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#b3a8ff,#5b4fd0) !important;background-color:transparent !important}
.bento > *:nth-child(8n+3) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6fe3c2,#0f8f74) !important;background-color:transparent !important}
.bento > *:nth-child(8n+4) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6cb8ff,#1558c8) !important;background-color:transparent !important}
.bento > *:nth-child(8n+5) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5ceada,#0a8f96) !important;background-color:transparent !important}
.bento > *:nth-child(8n+6) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#9aa9ff,#3546c4) !important;background-color:transparent !important}
.bento > *:nth-child(8n+7) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ce9b6,#12925f) !important;background-color:transparent !important}
.bento > *:nth-child(8n+8) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ad9ff,#0d78ad) !important;background-color:transparent !important}
.why-grid > *:nth-child(8n+1) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6fe3c2,#0f8f74) !important;background-color:transparent !important}
.why-grid > *:nth-child(8n+2) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6cb8ff,#1558c8) !important;background-color:transparent !important}
.why-grid > *:nth-child(8n+3) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5ceada,#0a8f96) !important;background-color:transparent !important}
.why-grid > *:nth-child(8n+4) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#9aa9ff,#3546c4) !important;background-color:transparent !important}
.why-grid > *:nth-child(8n+5) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ce9b6,#12925f) !important;background-color:transparent !important}
.why-grid > *:nth-child(8n+6) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ad9ff,#0d78ad) !important;background-color:transparent !important}
.why-grid > *:nth-child(8n+7) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5cecfb,#0a90b8) !important;background-color:transparent !important}
.why-grid > *:nth-child(8n+8) .ic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#b3a8ff,#5b4fd0) !important;background-color:transparent !important}
.feat-list > *:nth-child(8n+1) .ico:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5cecfb,#0a90b8) !important;background-color:transparent !important}
.feat-list > *:nth-child(8n+2) .ico:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#b3a8ff,#5b4fd0) !important;background-color:transparent !important}
.feat-list > *:nth-child(8n+3) .ico:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6fe3c2,#0f8f74) !important;background-color:transparent !important}
.feat-list > *:nth-child(8n+4) .ico:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6cb8ff,#1558c8) !important;background-color:transparent !important}
.feat-list > *:nth-child(8n+5) .ico:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5ceada,#0a8f96) !important;background-color:transparent !important}
.feat-list > *:nth-child(8n+6) .ico:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#9aa9ff,#3546c4) !important;background-color:transparent !important}
.feat-list > *:nth-child(8n+7) .ico:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ce9b6,#12925f) !important;background-color:transparent !important}
.feat-list > *:nth-child(8n+8) .ico:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ad9ff,#0d78ad) !important;background-color:transparent !important}
.news-grid > *:nth-child(8n+1) .nic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#b3a8ff,#5b4fd0) !important;background-color:transparent !important}
.news-grid > *:nth-child(8n+2) .nic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6fe3c2,#0f8f74) !important;background-color:transparent !important}
.news-grid > *:nth-child(8n+3) .nic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6cb8ff,#1558c8) !important;background-color:transparent !important}
.news-grid > *:nth-child(8n+4) .nic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5ceada,#0a8f96) !important;background-color:transparent !important}
.news-grid > *:nth-child(8n+5) .nic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#9aa9ff,#3546c4) !important;background-color:transparent !important}
.news-grid > *:nth-child(8n+6) .nic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ce9b6,#12925f) !important;background-color:transparent !important}
.news-grid > *:nth-child(8n+7) .nic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ad9ff,#0d78ad) !important;background-color:transparent !important}
.news-grid > *:nth-child(8n+8) .nic:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5cecfb,#0a90b8) !important;background-color:transparent !important}
.use-grid > *:nth-child(8n+1) .d:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6cb8ff,#1558c8) !important;background-color:transparent !important}
.use-grid > *:nth-child(8n+2) .d:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5ceada,#0a8f96) !important;background-color:transparent !important}
.use-grid > *:nth-child(8n+3) .d:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#9aa9ff,#3546c4) !important;background-color:transparent !important}
.use-grid > *:nth-child(8n+4) .d:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ce9b6,#12925f) !important;background-color:transparent !important}
.use-grid > *:nth-child(8n+5) .d:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ad9ff,#0d78ad) !important;background-color:transparent !important}
.use-grid > *:nth-child(8n+6) .d:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5cecfb,#0a90b8) !important;background-color:transparent !important}
.use-grid > *:nth-child(8n+7) .d:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#b3a8ff,#5b4fd0) !important;background-color:transparent !important}
.use-grid > *:nth-child(8n+8) .d:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6fe3c2,#0f8f74) !important;background-color:transparent !important}
.side-links > *:nth-child(8n+1) .ar:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5ceada,#0a8f96) !important;background-color:transparent !important}
.side-links > *:nth-child(8n+2) .ar:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#9aa9ff,#3546c4) !important;background-color:transparent !important}
.side-links > *:nth-child(8n+3) .ar:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ce9b6,#12925f) !important;background-color:transparent !important}
.side-links > *:nth-child(8n+4) .ar:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#8ad9ff,#0d78ad) !important;background-color:transparent !important}
.side-links > *:nth-child(8n+5) .ar:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#5cecfb,#0a90b8) !important;background-color:transparent !important}
.side-links > *:nth-child(8n+6) .ar:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#b3a8ff,#5b4fd0) !important;background-color:transparent !important}
.side-links > *:nth-child(8n+7) .ar:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6fe3c2,#0f8f74) !important;background-color:transparent !important}
.side-links > *:nth-child(8n+8) .ar:not(#x):not(#y):not(#z){background-image:linear-gradient(150deg,#6cb8ff,#1558c8) !important;background-color:transparent !important}
.ic.ic3d:not(#x):not(#y):not(#z),.di:not(#x):not(#y):not(#z),.ico:not(#x):not(#y):not(#z),.nic:not(#x):not(#y):not(#z){box-shadow:0 2px 10px rgba(11,67,130,.16),inset 0 1px 0 rgba(255,255,255,.42) !important}

/* ============ v21.1 net ve trang tren chip mau ============ */
.di:not(#x):not(#y):not(#z) svg,.di:not(#x):not(#y):not(#z) svg *,.ic.ic3d:not(#x):not(#y):not(#z) svg,.ic.ic3d:not(#x):not(#y):not(#z) svg *,.ico:not(#x):not(#y):not(#z) svg,.ico:not(#x):not(#y):not(#z) svg *,.nic:not(#x):not(#y):not(#z) svg,.nic:not(#x):not(#y):not(#z) svg *{stroke:#ffffff !important;color:#ffffff !important}
.di:not(#x):not(#y):not(#z) svg [fill]:not([fill="none"]),.ic.ic3d:not(#x):not(#y):not(#z) svg [fill]:not([fill="none"]),.ico:not(#x):not(#y):not(#z) svg [fill]:not([fill="none"]),.nic:not(#x):not(#y):not(#z) svg [fill]:not([fill="none"]){fill:#ffffff !important}

/* ============ v21.2 to mau not cac nhom bieu tuong con lai ============ */
/* dau tich danh sach — xanh ngoc thay xam nhat */
.ck:not(#x):not(#y):not(#z),.ck:not(#x):not(#y):not(#z) svg,.ck:not(#x):not(#y):not(#z) svg *{color:#5ce0b0 !important;stroke:#5ce0b0 !important}
#noi-dung .ck:not(#x):not(#y):not(#z),#noi-dung .ck:not(#x):not(#y):not(#z) svg,#noi-dung .ck:not(#x):not(#y):not(#z) svg *{color:#0d8a5f !important;stroke:#0d8a5f !important}
.phero .ck:not(#x):not(#y):not(#z),.phero .ck:not(#x):not(#y):not(#z) svg *,.side-cta .ck:not(#x):not(#y):not(#z) svg *,.iv-dark .ck:not(#x):not(#y):not(#z) svg *{color:#5ce0b0 !important;stroke:#5ce0b0 !important}
/* huy hieu hero — 3 sac xoay vong */
.hero-badges > *:nth-child(6n+1) svg:not(#x):not(#y):not(#z),.hero-badges > *:nth-child(6n+1):not(#x):not(#y):not(#z) svg *{color:#5cecfb !important;stroke:#5cecfb !important}
.hero-badges > *:nth-child(6n+2) svg:not(#x):not(#y):not(#z),.hero-badges > *:nth-child(6n+2):not(#x):not(#y):not(#z) svg *{color:#b3a8ff !important;stroke:#b3a8ff !important}
.hero-badges > *:nth-child(6n+3) svg:not(#x):not(#y):not(#z),.hero-badges > *:nth-child(6n+3):not(#x):not(#y):not(#z) svg *{color:#6fe3c2 !important;stroke:#6fe3c2 !important}
.hero-badges > *:nth-child(6n+4) svg:not(#x):not(#y):not(#z),.hero-badges > *:nth-child(6n+4):not(#x):not(#y):not(#z) svg *{color:#6cb8ff !important;stroke:#6cb8ff !important}
.hero-badges > *:nth-child(6n+5) svg:not(#x):not(#y):not(#z),.hero-badges > *:nth-child(6n+5):not(#x):not(#y):not(#z) svg *{color:#5ceada !important;stroke:#5ceada !important}
.hero-badges > *:nth-child(6n+6) svg:not(#x):not(#y):not(#z),.hero-badges > *:nth-child(6n+6):not(#x):not(#y):not(#z) svg *{color:#9aa9ff !important;stroke:#9aa9ff !important}
/* the chuan/chung nhan */
.hbadge:nth-of-type(6n+1):not(#x):not(#y):not(#z) svg,.hbadge:nth-of-type(6n+1):not(#x):not(#y):not(#z) svg *{color:#5cecfb !important;stroke:#5cecfb !important}
.hbadge:nth-of-type(6n+2):not(#x):not(#y):not(#z) svg,.hbadge:nth-of-type(6n+2):not(#x):not(#y):not(#z) svg *{color:#b3a8ff !important;stroke:#b3a8ff !important}
.hbadge:nth-of-type(6n+3):not(#x):not(#y):not(#z) svg,.hbadge:nth-of-type(6n+3):not(#x):not(#y):not(#z) svg *{color:#6fe3c2 !important;stroke:#6fe3c2 !important}
.hbadge:nth-of-type(6n+4):not(#x):not(#y):not(#z) svg,.hbadge:nth-of-type(6n+4):not(#x):not(#y):not(#z) svg *{color:#6cb8ff !important;stroke:#6cb8ff !important}
.hbadge:nth-of-type(6n+5):not(#x):not(#y):not(#z) svg,.hbadge:nth-of-type(6n+5):not(#x):not(#y):not(#z) svg *{color:#5ceada !important;stroke:#5ceada !important}
.hbadge:nth-of-type(6n+6):not(#x):not(#y):not(#z) svg,.hbadge:nth-of-type(6n+6):not(#x):not(#y):not(#z) svg *{color:#9aa9ff !important;stroke:#9aa9ff !important}
/* dien thoai va email — hai mau khac nhau */
a[href^="mailto:"]:not(#x):not(#y):not(#z):not(.btn):not(.btn-p):not(.btn-o):not(.ncta)::before{background-color:#5b4fd0 !important}
.iv-dark a[href^="mailto:"]:not(#x):not(#y):not(#z)::before,.side-cta a[href^="mailto:"]:not(#x):not(#y):not(#z)::before,.price-grid a[href^="mailto:"]:not(#x):not(#y):not(#z)::before{background-color:#b3a8ff !important}
/* o tick checklist — vien xanh */
.iv-box:not(#x):not(#y):not(#z){border-color:#1a7fc1 !important}

/* ============ v22.1 MENU CO VUA PHAI (thay v22.0) ============ */
@media (max-width:1279px){
.navlinks{display: none !important}
.mnav-btn{display: inline-flex !important}
header.mnav-open .navlinks{flex-direction: column !important;align-items: stretch !important;position: absolute !important;inset-inline: 0px !important;inset-block-start: 100% !important;height: calc(100dvh - 68px) !important;overflow-y: auto !important;background: rgb(11, 44, 72) !important;border-top: 1px solid var(--iv-dark-line) !important;padding: var(--iv-s3) var(--iv-gut) var(--iv-s10) !important;gap: 0px !important;margin: 0px !important;z-index: 60 !important;display: flex !important !important}
header.mnav-open .navlinks > li{width: 100% !important}
header.mnav-open .navlinks > li > a, header.mnav-open .navlinks > li > .dt, header.mnav-open .navlinks .drop > a{display: flex !important;align-items: center !important;justify-content: flex-start !important;width: 100% !important;padding: 0.95rem 0.25rem !important;font-size: 1rem !important;font-weight: 600 !important;border-bottom: 1px solid var(--iv-dark-line-2) !important;border-radius: 0px !important}
header.mnav-open .navlinks :is(a, .dt)::before, header.mnav-open .navlinks :is(a, .dt)::after{display: none !important !important}
header.mnav-open .drop-menu{display: none !important;background: rgba(255, 255, 255, 0.043) !important;border: 0px !important;border-radius: 0px !important;box-shadow: none !important;padding: 0.25rem 0px 0.5rem 0.9rem !important;min-width: 0px !important;position: static !important !important;opacity: 1 !important !important;transform: none !important !important;visibility: visible !important !important}
header.mnav-open .drop.open > .drop-menu{display: block !important}
header.mnav-open .drop-menu a{padding: 0.7rem 0.25rem !important;font-size: 0.9375rem !important;border-bottom: 1px solid var(--iv-dark-line-2) !important}
body.mnav-lock{overflow: hidden !important}
header.mnav-open .navlinks > a{display: flex !important;align-items: center !important;justify-content: flex-start !important;width: 100% !important;padding: 0.95rem 0.25rem !important;font-size: 1rem !important;font-weight: 600 !important;border-bottom: 1px solid var(--iv-dark-line-2) !important;border-radius: 0px !important}
}
/* Thang co chu menu theo tung buoc man hinh — khong dung vw de tranh nhay/chen chu */
@media (min-width:1280px) and (max-width:1439px){
 /* siet chat de khong de len cum ben phai */
 header .wrap.nav:not(#x):not(#y):not(#z){min-height:80px}
 nav.navlinks:not(#x):not(#y):not(#z){gap:4px !important;font-size:15px !important;flex-wrap:nowrap !important}
 nav.navlinks > a:not(#x):not(#y):not(#z),nav.navlinks > li > a:not(#x):not(#y):not(#z),nav.navlinks .drop > a:not(#x):not(#y):not(#z){font-size:15px !important;padding:8px 5px !important;white-space:nowrap !important}
 nav.navlinks .drop > a > span:not(#x):not(#y):not(#z),nav.navlinks > a > span:not(#x):not(#y):not(#z){font-size:inherit !important;white-space:nowrap !important}
 header .wrap.nav > a img:not(#x):not(#y):not(#z),header .wrap.nav .logo img:not(#x):not(#y):not(#z){height:36px !important;width:auto !important}
 .navr:not(#x):not(#y):not(#z){gap:6px !important}
 .navr .ncta:not(#x):not(#y):not(#z){font-size:14px !important;padding:8px 11px !important;white-space:nowrap !important}
 .navr .lang button:not(#x):not(#y):not(#z),.navr .lang a:not(#x):not(#y):not(#z){font-size:12px !important;padding:5px 6px !important}
 .drop-menu:not(#x):not(#y):not(#z){font-size:14.5px !important}
 .drop-menu a:not(#x):not(#y):not(#z){font-size:14.5px !important;padding:10px 12px !important}
 .drop-menu .di:not(#x):not(#y):not(#z){width:32px !important;height:32px !important;flex:0 0 auto !important}
}
@media (min-width:1440px) and (max-width:1919px){
 header .wrap.nav:not(#x):not(#y):not(#z){min-height:84px}
 nav.navlinks:not(#x):not(#y):not(#z){gap:8px !important;font-size:16px !important;flex-wrap:nowrap !important}
 nav.navlinks > a:not(#x):not(#y):not(#z),nav.navlinks > li > a:not(#x):not(#y):not(#z),nav.navlinks .drop > a:not(#x):not(#y):not(#z){font-size:16px !important;padding:8px 7px !important;white-space:nowrap !important}
 nav.navlinks .drop > a > span:not(#x):not(#y):not(#z),nav.navlinks > a > span:not(#x):not(#y):not(#z){font-size:inherit !important;white-space:nowrap !important}
 header .wrap.nav > a img:not(#x):not(#y):not(#z),header .wrap.nav .logo img:not(#x):not(#y):not(#z){height:38px !important;width:auto !important}
 .navr:not(#x):not(#y):not(#z){gap:10px !important}
 .navr .ncta:not(#x):not(#y):not(#z){font-size:15px !important;padding:10px 16px !important;white-space:nowrap !important}
 .navr .lang button:not(#x):not(#y):not(#z),.navr .lang a:not(#x):not(#y):not(#z){font-size:13px !important;padding:6px 8px !important}
 .drop-menu:not(#x):not(#y):not(#z){font-size:15px !important}
 .drop-menu a:not(#x):not(#y):not(#z){font-size:15px !important;padding:10px 12px !important}
 .drop-menu .di:not(#x):not(#y):not(#z){width:34px !important;height:34px !important;flex:0 0 auto !important}
}
@media (min-width:1920px){
 header .wrap.nav:not(#x):not(#y):not(#z){min-height:88px}
 nav.navlinks:not(#x):not(#y):not(#z){gap:18px !important;font-size:17.5px !important;flex-wrap:nowrap !important}
 nav.navlinks > a:not(#x):not(#y):not(#z),nav.navlinks > li > a:not(#x):not(#y):not(#z),nav.navlinks .drop > a:not(#x):not(#y):not(#z){font-size:17.5px !important;padding:8px 12px !important;white-space:nowrap !important}
 nav.navlinks .drop > a > span:not(#x):not(#y):not(#z),nav.navlinks > a > span:not(#x):not(#y):not(#z){font-size:inherit !important;white-space:nowrap !important}
 header .wrap.nav > a img:not(#x):not(#y):not(#z),header .wrap.nav .logo img:not(#x):not(#y):not(#z){height:42px !important;width:auto !important}
 .navr:not(#x):not(#y):not(#z){gap:10px !important}
 .navr .ncta:not(#x):not(#y):not(#z){font-size:16px !important;padding:10px 16px !important;white-space:nowrap !important}
 .navr .lang button:not(#x):not(#y):not(#z),.navr .lang a:not(#x):not(#y):not(#z){font-size:14px !important;padding:6px 9px !important}
 .drop-menu:not(#x):not(#y):not(#z){font-size:16px !important}
 .drop-menu a:not(#x):not(#y):not(#z){font-size:16px !important;padding:10px 12px !important}
 .drop-menu .di:not(#x):not(#y):not(#z){width:36px !important;height:36px !important;flex:0 0 auto !important}
}

/* ============ v24.0 SUA CAP TIEU DE (H2->H5 nhay cap) ============ */
/* Doi h4/h5 thanh h3 trong footer.php + front-page.php; day la style tuong ung */
.aval h3:not(#x):not(#y):not(#z){font-size:16px !important;margin-bottom:6px !important}
.why-card h3:not(#x):not(#y):not(#z){font-size:16.5px !important;margin:0 !important;grid-area:1 / 2 !important;align-self:center !important;line-height:1.25 !important}
.ncard h3:not(#x):not(#y):not(#z){font-size:16px !important;line-height:1.4 !important;margin-bottom:16px !important;flex:1 1 0% !important}
footer .foot-grid h3:not(#x):not(#y):not(#z){color:#fff !important;font-size:12px !important;letter-spacing:.1em !important;text-transform:uppercase !important;margin-bottom:16px !important;font-weight:800 !important}


/* ============ v24.1 Danh dau muc menu dang xem ============ */
/* Link menu dung background-clip:text nen phai doi ca -webkit-text-fill-color */
nav.navlinks > .drop > a.iv-current-parent:not(#x):not(#y):not(#z),nav.navlinks > .drop > a.iv-current-parent:not(#x):not(#y):not(#z) span,nav.navlinks > a.iv-current:not(#x):not(#y):not(#z),nav.navlinks > a.iv-current:not(#x):not(#y):not(#z) span{color:#7ee3f6 !important;-webkit-text-fill-color:#7ee3f6 !important}
nav.navlinks > .drop > a.iv-current-parent:not(#x):not(#y):not(#z)::after,nav.navlinks > a.iv-current:not(#x):not(#y):not(#z)::after{content:"" !important;position:absolute !important;left:10% !important;right:10% !important;bottom:1px !important;height:3px !important;border-radius:3px !important;background:linear-gradient(90deg,#7ee3f6,#6cb8ff) !important;background-image:linear-gradient(90deg,#7ee3f6,#6cb8ff) !important;opacity:1 !important;transform:none !important;scale:1 !important;width:auto !important;-webkit-mask:none !important;mask:none !important}
.drop-menu a.iv-current:not(#x):not(#y):not(#z),.drop-menu a.iv-current:not(#x):not(#y):not(#z) span{color:#7ee3f6 !important;-webkit-text-fill-color:#7ee3f6 !important}
.drop-menu a.iv-current:not(#x):not(#y):not(#z){box-shadow:inset 3px 0 0 #7ee3f6 !important}

/* ============ v25.0 TRO NANG BAN PHIM ============ */
/* Menu con chi mo khi di chuot => nguoi dung ban phim khong toi duoc 26 trang dich vu */
.navlinks > .drop:focus-within .drop-menu:not(#x):not(#y):not(#z){opacity:1 !important;visibility:visible !important;transform:translateX(-50%) translateY(0) !important;pointer-events:auto !important}
.navlinks > .drop:focus-within > a::after:not(#x):not(#y):not(#z){transform:rotate(180deg) !important}
.drop-menu a:focus-visible:not(#x):not(#y):not(#z){background:rgba(126,227,246,.16) !important;outline:2px solid #7ee3f6 !important;outline-offset:-2px !important;border-radius:10px !important}
nav.navlinks a:focus-visible:not(#x):not(#y):not(#z){outline:3px solid #7ee3f6 !important;outline-offset:3px !important;border-radius:8px !important}
.skip-link:focus:not(#x):not(#y):not(#z),.skip-link:focus-visible:not(#x):not(#y):not(#z){position:fixed !important;left:16px !important;top:16px !important;z-index:2147483647 !important;width:auto !important;height:auto !important;clip:auto !important;clip-path:none !important;padding:12px 18px !important;background:#0b4382 !important;color:#eaf7ff !important;-webkit-text-fill-color:#eaf7ff !important;border:2px solid #7ee3f6 !important;border-radius:10px !important;font-size:15px !important;opacity:1 !important;transform:none !important}
/* ==== IV-CUSTOM-END ==== */