/* WebRoute Assam: service / SEO pages + app banner, Very Nice Theme (navy + gold). 2 Nov 2026. */
.vn-p{--vn-navy:#0B2A4A;--vn-deep:#06172B;--vn-gold:#F2B632;--vn-gold-soft:#FFD26E;--vn-muted:#C3CFDD;--vn-line:rgba(255,255,255,.12);--vn-card:rgba(255,255,255,.06);color:var(--vn-muted)}
.vn-p *{box-sizing:border-box}
.vn-crumb{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding-top:6.5rem;font-size:.88rem;color:var(--vn-muted)}
.vn-crumb a{color:var(--vn-gold-soft)!important}.vn-crumb span[aria-current]{color:#fff}.vn-crumb span:not([aria-current]){opacity:.5}
.vn-hero{padding:1.5rem 0 3rem}
.vn-hero h1{font-size:clamp(2rem,5.2vw,3.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.12;max-width:22ch;margin:.9rem 0 1rem;color:#fff}
.vn-lead{max-width:44rem;font-size:1.12rem;line-height:1.7;color:var(--vn-muted)}
.vn-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0 0}
.vn-trust{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;list-style:none;margin:1.75rem 0 0;padding:0;font-size:.92rem}
.vn-trust li{display:flex;align-items:center;gap:.5rem;color:#E7EDF5}.vn-trust i{color:var(--vn-gold)}
.vn-sec{padding:2.5rem 0}
.vn-h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;letter-spacing:-.01em;color:#fff;margin:0 0 1.25rem}
.vn-prose{max-width:50rem}
.vn-prose p{font-size:1.05rem;line-height:1.75;margin:0 0 1rem;color:var(--vn-muted)}
.vn-prose .vn-h2{margin-top:1.75rem}.vn-prose .vn-h2:first-child{margin-top:0}
.vn-note{max-width:44rem;margin:-.5rem 0 1.5rem}

.vn-feats,.vn-svcs,.vn-prices{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,18.5rem),1fr))}
.vn-feat,.vn-svc,.vn-price,.vn-q{background:var(--vn-card);border:1px solid var(--vn-line);border-radius:22px;box-shadow:0 14px 28px rgba(0,0,0,.30)}
.vn-feat{padding:1.5rem}
.vn-feat h3,.vn-svc h3,.vn-price h3,.vn-steps h3{font-size:1.1rem;font-weight:700;color:#fff;margin:.9rem 0 .4rem}
.vn-feat p,.vn-svc p,.vn-price p,.vn-steps p{margin:0;font-size:.97rem;line-height:1.6;color:var(--vn-muted)}
.vn-feat-ic,.vn-svc-ic{display:inline-grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;background:rgba(242,182,50,.12);border:1px solid rgba(242,182,50,.32);color:var(--vn-gold);font-size:1.3rem}

.vn-svc{display:flex;flex-direction:column;padding:1.5rem;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s}
.vn-svc:hover{transform:translateY(-6px);background:rgba(255,255,255,.09);border-color:rgba(242,182,50,.55);box-shadow:0 22px 44px rgba(0,0,0,.5),0 0 0 4px rgba(242,182,50,.10)}
.vn-svc p{flex:1}.vn-more{margin-top:1rem;font-weight:700;color:var(--vn-gold-soft);display:inline-flex;gap:.4rem;align-items:center}
.vn-svc:hover .vn-more i{transform:translateX(3px)}.vn-more i{transition:transform .2s}

.vn-price{padding:1.75rem}.vn-price .btn{margin-top:1.25rem}
.vn-from{font-size:1.9rem!important;font-weight:800;color:var(--vn-gold-soft)!important;margin:.25rem 0 .6rem!important}
.vn-price-q{max-width:34rem}

.vn-steps{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr));counter-reset:s}
.vn-steps li{background:var(--vn-card);border:1px solid var(--vn-line);border-radius:22px;padding:1.5rem}
.vn-step-n{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;font-weight:800;color:#0B2A4A;background:linear-gradient(180deg,var(--vn-gold-soft),var(--vn-gold))}

.vn-q{padding:0;margin:0 0 .8rem;overflow:hidden}
.vn-q summary{cursor:pointer;list-style:none;padding:1.1rem 3rem 1.1rem 1.25rem;font-weight:600;color:#fff;position:relative;min-height:56px;display:flex;align-items:center}
.vn-q summary::-webkit-details-marker{display:none}
.vn-q summary::after{content:"+";position:absolute;right:1.25rem;font-size:1.5rem;color:var(--vn-gold);transition:transform .2s}
.vn-q[open] summary{color:var(--vn-gold-soft)}.vn-q[open] summary::after{transform:rotate(45deg)}
.vn-q summary:focus-visible{outline:2px solid var(--vn-gold);outline-offset:-2px;border-radius:22px}
.vn-q p{margin:0;padding:0 1.25rem 1.25rem!important;font-size:1rem!important}

.vn-final{padding:2rem 0 4rem}
.vn-final-in{text-align:center;padding:3rem 1.5rem;border-radius:22px;border:1px solid rgba(242,182,50,.45);background:radial-gradient(70% 120% at 50% 0%,rgba(242,182,50,.20),rgba(242,182,50,0) 65%),linear-gradient(180deg,#123b66,#0c2c4e);box-shadow:0 24px 50px -22px rgba(0,0,0,.7),0 0 0 4px rgba(242,182,50,.07)}
.vn-final-in h2{color:#fff;font-weight:800;font-size:clamp(1.4rem,3vw,2rem);margin:0 0 .5rem}.vn-final-in p{max-width:34rem;margin:0 auto}
.vn-final-in .vn-actions{justify-content:center}

/* app banner */
.vn-app-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr;gap:1.5rem;align-items:center;padding:2.5rem;border-radius:26px;border:1px solid rgba(242,182,50,.5);
  background:radial-gradient(60% 120% at 100% 0%,rgba(242,182,50,.22),rgba(242,182,50,0) 60%),linear-gradient(135deg,#143f6c,#0a2342 60%,#06172B);box-shadow:0 24px 50px -22px rgba(0,0,0,.7),0 0 0 4px rgba(242,182,50,.07)}
.vn-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .95rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vn-gold);background:rgba(242,182,50,.10);border:1px solid rgba(242,182,50,.32)}
.vn-app-from{margin:1.1rem 0 0!important;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem!important;color:var(--vn-muted)}
.vn-app-price{margin:0!important;font-size:clamp(3rem,9vw,4.75rem)!important;font-weight:800;line-height:1.05;letter-spacing:-.02em;background:linear-gradient(180deg,#fff 25%,var(--vn-gold-soft));-webkit-background-clip:text;background-clip:text;color:transparent!important}
.vn-app-banner h3{color:#fff;font-weight:800;font-size:1.4rem;margin:.3rem 0 .5rem}.vn-app-banner p{max-width:32rem}
.vn-app-art{position:relative;display:grid;place-items:center;min-height:15rem}
.vn-phone{width:9.5rem;height:16rem;border-radius:1.6rem;padding:.9rem .75rem;background:linear-gradient(180deg,#10375F,#06172B);border:2px solid rgba(255,255,255,.28);box-shadow:0 24px 50px rgba(0,0,0,.55),0 0 0 6px rgba(242,182,50,.10);transform:rotate(6deg)}
.vn-phone-bar{height:.35rem;width:38%;margin:0 auto .9rem;border-radius:9px;background:rgba(255,255,255,.3)}
.vn-phone-row{height:1.1rem;border-radius:.5rem;background:rgba(255,255,255,.14);margin-bottom:.55rem}.vn-phone-row.s{width:65%}
.vn-phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.8rem 0}.vn-phone-grid i{height:2.3rem;border-radius:.6rem;background:rgba(242,182,50,.18);border:1px solid rgba(242,182,50,.35)}
.vn-phone-btn{height:1.7rem;border-radius:999px;background:linear-gradient(180deg,var(--vn-gold-soft),var(--vn-gold))}
.vn-apk{position:absolute;right:8%;bottom:10%;padding:.3rem .8rem;border-radius:999px;font-weight:800;font-size:1rem;color:#0B2A4A;background:linear-gradient(180deg,var(--vn-gold-soft),var(--vn-gold));box-shadow:0 10px 30px rgba(242,182,50,.35);transform:rotate(-6deg)}
@media (max-width:767.98px){.vn-app-banner{grid-template-columns:1fr;padding:1.75rem 1.25rem}.vn-app-art{min-height:13rem;order:-1}.vn-crumb{padding-top:5.5rem}}
@media (max-width:575.98px){.vn-actions .btn{width:100%;justify-content:center}.vn-final-in{padding:2.25rem 1.1rem}}
@media (prefers-reduced-motion:reduce){.vn-svc,.vn-more i,.vn-q summary::after{transition:none}.vn-svc:hover{transform:none}}

/* secondary button must stay white and bold on navy (style.css forces a dark colour) */
.vn-p .btn-white-outline,.vn-p .btn-white-outline i{color:#fff!important;font-weight:700;opacity:1}
.vn-p .btn-white-outline{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:none}
.vn-p .btn-white-outline:hover{background:rgba(255,255,255,.16)!important}
.vn-p .btn{display:inline-flex;align-items:center;gap:.5rem}

/* core-service chip + website makeover banner */
.vn-flag{align-self:flex-start;margin-bottom:.6rem;padding:.2rem .7rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0B2A4A;background:linear-gradient(180deg,var(--vn-gold-soft),var(--vn-gold))}
.vn-make{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;align-items:center;padding:2.25rem 2.5rem;border-radius:26px;border:1px solid rgba(242,182,50,.5);background:radial-gradient(60% 120% at 0% 0%,rgba(242,182,50,.20),rgba(242,182,50,0) 60%),linear-gradient(135deg,#143f6c,#0a2342 60%,#06172B);box-shadow:0 24px 50px -22px rgba(0,0,0,.7),0 0 0 4px rgba(242,182,50,.07)}
.vn-make h3{color:#fff;font-weight:800;font-size:clamp(1.4rem,3vw,2rem);margin:.9rem 0 .5rem;line-height:1.2}.vn-make p{max-width:34rem}
.vn-make-art{display:flex;align-items:center;justify-content:center;gap:1rem}
.vn-win{width:8.2rem;height:6.2rem;border-radius:.9rem;padding:.6rem;display:grid;gap:.4rem;align-content:start;border:1px solid rgba(255,255,255,.25)}
.vn-win.old{background:#2b3a4c;opacity:.65;filter:grayscale(.6)}
.vn-win.old i{height:.45rem;border-radius:3px;background:rgba(255,255,255,.28)}.vn-win.old i:nth-child(2){width:70%}.vn-win.old i:nth-child(3){width:45%}
.vn-win.new{background:linear-gradient(180deg,#12406d,#0a2342);box-shadow:0 14px 30px rgba(0,0,0,.5),0 0 0 3px rgba(242,182,50,.25)}
.vn-win.new b{height:1.1rem;border-radius:.4rem;background:linear-gradient(180deg,var(--vn-gold-soft),var(--vn-gold))}.vn-win.new i{height:.5rem;border-radius:3px;background:rgba(255,255,255,.45)}.vn-win.new i:nth-child(3){width:60%}
.vn-arrow{color:var(--vn-gold);font-size:1.6rem}
@media (max-width:767.98px){.vn-make{grid-template-columns:1fr;padding:1.75rem 1.25rem}.vn-make-art{order:-1}.vn-win{width:6.6rem;height:5.2rem}}

/* card layout fix: the chip floats top-right so every card's icon, title and text line up */
.vn-svc{position:relative}
.vn-svc .vn-flag{position:absolute;top:1.4rem;right:1.4rem;margin:0}
.vn-svc h3{margin-top:1rem}
.vn-svcs{align-items:stretch}