/* WebRoute Assam: Home page in the Very Nice Theme (navy + gold, glass cards). 2 Nov 2026. Linked from index.html only. */
main{--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);
  --bs-body-color:#C3CFDD;--bs-secondary-color:#C3CFDD;--bs-heading-color:#fff;--bs-body-bg:transparent;
  color:var(--vn-muted);display:flow-root;
  background:radial-gradient(70% 42rem at 50% 0%,#12406d 0%,rgba(18,64,109,0) 70%),linear-gradient(180deg,var(--vn-navy) 0%,var(--vn-deep) 100%)}
main .section{background:transparent!important;color:var(--vn-muted)}
main h1,main h2,main h3,main h4,main h5,main h6,main .h2{color:#fff}
main p,main li,main .lead{color:var(--vn-muted)}
main a:not(.btn):not(.wr-btn):not(.offer-cta){color:var(--vn-gold-soft)}
main .subtitle,main .hero-subtitle{display:inline-block;color:var(--vn-gold)!important;background:rgba(242,182,50,.10);border:1px solid rgba(242,182,50,.32);padding:.35rem .95rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.14em}

/* buttons: gold primary, glass secondary */
main .btn,main .btn-primary{border:0;border-radius:999px;font-weight:700;min-height:48px;padding:.75rem 1.6rem;background:linear-gradient(180deg,var(--vn-gold-soft),var(--vn-gold));color:#0B2A4A;box-shadow:0 10px 30px rgba(242,182,50,.28);transition:filter .2s,transform .2s}
main .btn:hover,main .btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);color:#0B2A4A}
main .btn-white-outline,main .btn-white{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:none}
main .btn-white-outline:hover,main .btn-white:hover{background:rgba(255,255,255,.14);color:#fff}
main .btn:focus-visible,main a:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* hero */
.hero__v6{padding-top:9rem}
.hero__v6 .hero-title{color:#fff;letter-spacing:-.02em}
.hero__v6 .hero-description{color:var(--vn-muted)}
.hero__v6 .logos-title{color:var(--vn-muted);letter-spacing:.14em}
.hero__v6 .img-main{border:1px solid var(--vn-line);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 4px rgba(242,182,50,.08)}

/* glass cards (services, pricing, steps, testimonials, features, contact form, stats) */
main .service-card,main .price-table,main .step-card,main .testimonial,main .stat-item,main .form-wrapper,main .mission-statement,main .accordion-item,main .features__v2 .rounded-4{
  background:var(--vn-card)!important;border:1px solid var(--vn-line)!important;border-radius:22px!important;color:var(--vn-muted);box-shadow:0 14px 28px rgba(0,0,0,.35);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,background .25s,box-shadow .25s}
main .service-card:hover,main .price-table:hover,main .step-card:hover,main .testimonial:hover{transform:translateY(-6px);background:rgba(255,255,255,.09)!important;border-color:rgba(242,182,50,.55)!important;box-shadow:0 22px 44px rgba(0,0,0,.5),0 0 0 4px rgba(242,182,50,.10)}
main .service-card h3,main .service-card h4,main .step-card h3,main .step-card h4,main .price-table h3{color:#fff}
main .service-card .icon,main .step-number{color:var(--vn-gold)}
main .icon.rounded-circle,main .mission-icon{background:rgba(242,182,50,.12)!important;color:var(--vn-gold)!important;border:1px solid rgba(242,182,50,.32)}
main .step-number{background:rgba(242,182,50,.12)!important;border:1px solid rgba(242,182,50,.4);border-radius:50%}

/* pricing */
main .price-table .price,main .price-table .price *{color:var(--vn-gold-soft)}
main .pricing-features li{color:var(--vn-muted)}
main .pricing-features .bi-check,main .pricing-features i{color:#3DDC84}
main .price-table.popular{border-color:var(--vn-gold)!important;box-shadow:0 22px 44px rgba(0,0,0,.5),0 0 0 4px rgba(242,182,50,.14)}

/* stats */
main .stats__v3 .stat-item{text-align:center}
main .stats__v3 .purecounter,main .stats__v3 .stat-item h3,main .stats__v3 .stat-item strong{color:var(--vn-gold-soft)!important}

/* testimonials */
main .testimonial p,main .testimonial blockquote{color:#E7EDF5}
main .testimonial-author{color:#fff}
main .author-img{border:2px solid rgba(242,182,50,.55)}

/* FAQ */
main .accordion-button{background:transparent!important;color:#fff!important;font-weight:600;box-shadow:none!important;border-radius:22px!important}
main .accordion-button:not(.collapsed){color:var(--vn-gold-soft)!important}
main .accordion-button::after{filter:invert(1) brightness(2)}
main .accordion-body{color:var(--vn-muted)}

/* forms */
main .form-control,main .form-select,main textarea{background:rgba(255,255,255,.07)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:14px!important;min-height:48px}
main .form-control::placeholder{color:rgba(255,255,255,.55)}
main .form-control:focus{border-color:var(--vn-gold)!important;box-shadow:0 0 0 4px rgba(242,182,50,.22)!important;background:rgba(255,255,255,.10)!important}
main label,main .form-label{color:var(--vn-muted)}

/* offer card keeps its own markup; just align to the theme */
main .offer-card{border:1px solid rgba(242,182,50,.45)}

@media (max-width:575.98px){.hero__v6{padding-top:7rem}main .btn{width:100%;justify-content:center}.hero__v6 .cta{flex-direction:column}}
@media (prefers-reduced-motion:reduce){main .service-card,main .price-table,main .step-card,main .testimonial,main .btn{transition:none}main .service-card:hover,main .price-table:hover,main .step-card:hover,main .testimonial:hover{transform:none}}

/* fixes after first look */
main .features__v2 .icon{background:rgba(242,182,50,.12)!important;color:var(--vn-gold)!important;border:1px solid rgba(242,182,50,.32);border-radius:50%}
main .features__v2 .icon i{color:var(--vn-gold)!important}
main .hero__v6 .cta .btn-white-outline,main .hero__v6 .cta .btn-white-outline svg{color:#fff!important;stroke:#fff}
main .hero__v6 .cta .btn-white-outline{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.28)}
main .hero__v6 .logos-title{color:var(--vn-muted)!important;opacity:1}
main .btn-play{background:linear-gradient(180deg,var(--vn-gold-soft),var(--vn-gold));color:#0B2A4A}

/* shared across inner pages */
main .wr-eyebrow{color:var(--vn-gold)!important;background:rgba(242,182,50,.10)!important;border:1px solid rgba(242,182,50,.32)}

/* Razorpay "Book Now" button (injected <a class="PaymentButton">): keep its own readable blue text, not the theme's gold link colour */
main a.PaymentButton,main a.PaymentButton .PaymentButton-contents,main a.PaymentButton .PaymentButton-text{color:#2371EC!important}
main a.PaymentButton{text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.35)}
main a.PaymentButton:focus-visible{outline:2px solid var(--vn-gold);outline-offset:3px}

/* Home service cards now link to their pages */
main .service-card h3 a{color:#fff!important;text-decoration:none}
main .service-card h3 a:hover{color:var(--vn-gold-soft)!important}
main .service-card .vn-more{display:inline-flex;gap:.4rem;align-items:center;margin-top:.25rem;font-weight:700;color:var(--vn-gold-soft)!important;text-decoration:none}
main .service-card .vn-more i{transition:transform .2s}main .service-card .vn-more:hover i{transform:translateX(3px)}
main .service-card .icon{color:var(--vn-gold)!important}
main .service-card .icon::before,main .service-card .icon::after{background:rgba(242,182,50,.16)!important;background-color:rgba(242,182,50,.16)!important}

/* ===== Home: Contact Us section, modern (2 Nov) ===== */
#contact.contact__v2{padding:5.5rem 0 6rem}
#contact .row.mb-5{margin-bottom:3.5rem!important}
#contact h2,#contact .h2{color:#fff!important;font-weight:800!important;letter-spacing:-.02em;font-size:clamp(2rem,4.6vw,3rem)}
#contact .row.mb-5 p{color:#fff!important;font-weight:600;font-size:1.15rem;line-height:1.6;max-width:36rem;margin:0 auto}
#contact p,#contact label,#contact span,#contact strong,#contact address,#contact h2{background:transparent!important}
/* info cards */
#contact .col-md-6:first-child>.d-flex{gap:1.1rem!important}
#contact .col-md-6:first-child>.d-flex>.d-flex{align-items:center!important;gap:1.1rem!important;padding:1.25rem 1.4rem;border-radius:20px;background:var(--vn-card);border:1px solid var(--vn-line);box-shadow:0 14px 28px rgba(0,0,0,.30);transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s}
#contact .col-md-6:first-child>.d-flex>.d-flex:hover{transform:translateY(-3px);border-color:rgba(242,182,50,.5)}
#contact .col-md-6:first-child .icon{display:grid!important;place-items:center;flex:0 0 3.2rem;width:3.2rem;height:3.2rem;border-radius:50%;background:rgba(242,182,50,.12)!important;border:1px solid rgba(242,182,50,.35);color:var(--vn-gold)!important;font-size:1.3rem}
#contact .col-md-6:first-child .icon i{color:var(--vn-gold)!important}
#contact .col-md-6:first-child span.d-block{color:var(--vn-muted)!important;font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.2rem}
#contact .col-md-6:first-child strong,#contact .col-md-6:first-child address{color:#fff!important;font-weight:700!important;font-size:1.08rem;line-height:1.55;margin:0}
/* form card */
#contact .form-wrapper{padding:2.25rem 2.25rem 2rem;border-radius:26px!important;position:relative;overflow:hidden;box-shadow:0 24px 50px -22px rgba(0,0,0,.7),0 0 0 4px rgba(242,182,50,.06)}
#contact .form-wrapper form .row{margin:0 0 1.15rem!important;gap:0!important}
#contact .form-wrapper form .row>[class*=col]{padding:0}
#contact label{display:block;color:#fff!important;font-weight:700;font-size:.95rem;letter-spacing:.01em;margin:0 0 .5rem!important}
#contact .form-control{min-height:3.4rem;padding:.8rem 1.1rem;font-size:1rem;font-weight:500}
#contact textarea.form-control{min-height:9.5rem;resize:vertical;line-height:1.6}
#contact .form-control:hover{border-color:rgba(255,255,255,.4)!important}
/* modern send button + preloader */
#contact .vn-send{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:3.6rem;padding:.9rem 2rem;border:0;border-radius:18px;font-size:1.08rem;font-weight:800!important;letter-spacing:.01em;color:#0B2A4A!important;background:linear-gradient(180deg,var(--vn-gold-soft),var(--vn-gold));box-shadow:0 14px 34px rgba(242,182,50,.32);overflow:hidden;transition:transform .2s,box-shadow .2s,filter .2s}
#contact .vn-send::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s}
#contact .vn-send:hover:not(:disabled)::before{transform:translateX(120%)}
#contact .vn-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 40px rgba(242,182,50,.42)}
#contact .vn-send:active:not(:disabled){transform:translateY(1px) scale(.99)}
#contact .vn-send:focus-visible{outline:2px solid #fff;outline-offset:3px}
#contact .vn-send-busy{display:none;align-items:center;gap:.7rem}
#contact .vn-send.is-loading .vn-send-label{display:none}
#contact .vn-send.is-loading .vn-send-busy{display:inline-flex}
#contact .vn-send:disabled{cursor:progress;filter:saturate(.9);box-shadow:0 10px 26px rgba(242,182,50,.25)}
.vn-ring{width:1.35rem;height:1.35rem;border-radius:50%;border:3px solid rgba(11,42,74,.25);border-top-color:#0B2A4A;animation:vnSpin .75s linear infinite}
@keyframes vnSpin{to{transform:rotate(360deg)}}
/* whole card shows it is working: dim fields + moving gold bar on top */
#contact .form-wrapper::before{content:"";position:absolute;left:0;top:0;height:4px;width:40%;background:linear-gradient(90deg,transparent,var(--vn-gold),transparent);opacity:0;transform:translateX(-100%)}
#contact .form-wrapper.is-sending::before{opacity:1;animation:vnBar 1.1s ease-in-out infinite}
@keyframes vnBar{to{transform:translateX(260%)}}
#contact .form-wrapper.is-sending .form-control{opacity:.55;pointer-events:none}
/* result messages */
#contact .alert{border-radius:16px;font-weight:700;padding:1rem 1.25rem;border:1px solid}
#contact .alert-success{background:rgba(61,220,132,.12);border-color:rgba(61,220,132,.5);color:#C9F7DD}
#contact .alert-danger{background:rgba(255,90,115,.12);border-color:rgba(255,90,115,.5);color:#FFD3DA}
@media (max-width:767.98px){#contact.contact__v2{padding:4rem 0 4.5rem}#contact .row.mb-5{margin-bottom:2.25rem!important}#contact .col-md-6:first-child{margin-bottom:1.5rem}#contact .form-wrapper{padding:1.5rem 1.25rem 1.4rem}#contact .col-md-6:first-child>.d-flex>.d-flex{padding:1rem 1.1rem}}
@media (prefers-reduced-motion:reduce){.vn-ring{animation-duration:1.6s}#contact .form-wrapper.is-sending::before{animation:none;width:100%}#contact .vn-send::before{display:none}}
#contact .form-wrapper form .row{margin-bottom:1.5rem!important}
#contact .form-wrapper form .row.gap-3.mb-3:last-of-type{margin-bottom:1.75rem!important}
#contact .form-wrapper form .row>[class*=col]+[class*=col]{margin-top:1.5rem}

/* Home service cards: every "Learn more" sits on the same row at the bottom of its card */
main .service-card>div{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
main .service-card>div>p{margin-bottom:1.25rem!important}
main .service-card .vn-more{margin-top:auto;padding-top:.25rem}
main .service-card .icon{align-self:flex-start;flex:0 0 auto}