/* Quick2Tally home page refresh — keeps the original blue look (ui-modern.css tokens)
   and adds new sections. Everything here is scoped to q2c-* classes. */

/* Hero trust chips */
.q2c-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 16px auto 0; padding: 0; list-style: none; max-width: 520px; }
.q2c-trust li { display: inline-flex; align-items: center; gap: 6px; background: rgba(31, 52, 133, 0.07); color: var(--primary, #1f3485); font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 999px; }
.q2c-trust svg { width: 14px; height: 14px; flex: 0 0 14px; }

/* Section headings in the original style */
.q2c-heading { text-align: center; margin-bottom: 32px; }
.q2c-heading h2 { margin: 0 0 8px; font-weight: 700; color: var(--gray-900, #111827); }
.q2c-heading p { margin: 0 auto; max-width: 640px; color: var(--gray-600, #4b5563); font-size: 16px; line-height: 1.6; }

/* What you can import */
.q2c-imports { background: linear-gradient(180deg, #f5f7fd 0%, #ffffff 100%); }
.q2c-import-grid { display: grid; gap: 20px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.q2c-import { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 20px 18px 22px; background: #fff; border: 1px solid var(--gray-200, #e5e7eb); border-radius: 18px; box-shadow: 0 4px 14px rgba(31, 52, 133, 0.06); color: var(--gray-900, #111827) !important; text-decoration: none !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.q2c-import:hover { transform: translateY(-6px); box-shadow: 0 20px 40px -14px rgba(31, 52, 133, 0.25); border-color: rgba(31, 52, 133, 0.25); }
.q2c-import img { width: 100%; max-width: 190px; height: auto; }
.q2c-import strong { font-size: 18px; font-weight: 700; line-height: 1.3; }
.q2c-import span { color: var(--gray-600, #4b5563); font-size: 14px; line-height: 1.5; }
.q2c-import em { position: absolute; top: 14px; left: 14px; font-style: normal; font-size: 12px; font-weight: 700; color: #fff; background: var(--primary, #1f3485); padding: 2px 10px; border-radius: 999px; }
.q2c-import-more { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font-weight: 600; font-size: 14px; color: var(--primary, #1f3485); }

/* Most popular plan */
.product-pricing-card.q2c-popular { position: relative; border: 2px solid var(--primary, #1f3485); box-shadow: 0 18px 40px -14px rgba(31, 52, 133, 0.35); }
.q2c-ribbon { position: absolute; top: 14px; right: -34px; transform: rotate(45deg); background: var(--primary, #1f3485); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; padding: 4px 40px; z-index: 2; }

/* FAQ teaser */
.q2c-faq { max-width: 860px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.q2c-faq details { background: #fff; border: 1px solid var(--gray-200, #e5e7eb); border-radius: 14px; padding: 0 20px; box-shadow: 0 2px 8px rgba(17, 24, 39, 0.04); }
.q2c-faq details[open] { border-color: rgba(31, 52, 133, 0.3); }
.q2c-faq summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 18px 0; font-weight: 600; font-size: 16px; color: var(--gray-900, #111827); }
.q2c-faq summary::-webkit-details-marker { display: none; }
.q2c-faq summary::after { content: "+"; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: rgba(31, 52, 133, 0.08); color: var(--primary, #1f3485); display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; }
.q2c-faq details[open] summary::after { content: "\2212"; }
.q2c-faq details p { margin: 0 0 18px; color: var(--gray-600, #4b5563); font-size: 15px; line-height: 1.6; }
.q2c-faq-more { text-align: center; margin-top: 20px; }
.q2c-faq-more a { font-weight: 600; color: var(--primary, #1f3485); }

/* Bottom CTA band */
.q2c-cta { background: var(--primary, #1f3485); color: #fff; }
.q2c-cta-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding: 44px 15px; }
.q2c-cta h2 { margin: 0 0 6px; color: #fff; font-weight: 700; font-size: 28px; }
.q2c-cta p { margin: 0; color: rgba(255, 255, 255, 0.82); font-size: 16px; }
.q2c-cta-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.q2c-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: 10px; font-weight: 600; font-size: 15px; text-decoration: none !important; transition: transform .15s ease; }
.q2c-btn:hover { transform: translateY(-1px); }
.q2c-btn--white { background: #fff; color: var(--primary, #1f3485) !important; }
.q2c-btn--outline { border: 1px solid rgba(255, 255, 255, 0.55); color: #fff !important; }
.q2c-btn svg { width: 18px; height: 18px; }

@media (max-width: 991px) {
    .q2c-import-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
    .q2c-import-grid { grid-template-columns: minmax(0, 1fr); }
    .q2c-cta h2 { font-size: 22px; }
}

/* ---------- Laptop fit (13"-15" screens, ~1100-1600px wide) ----------
   Keeps the whole hero (title, text, buttons, carousel) inside one screen. */
@media (min-width: 992px) {
    .herobannertop h1.hero-title-top br { display: none; }
    .herobannertop h1.hero-title-top { font-size: clamp(1.9rem, 2.7vw, 2.6rem); padding-top: 18px; white-space: nowrap; }
    .herobannertop #hero-section .container > .hero-row,
    .herobannertop .container > .hero-row { margin-top: 0 !important; }
    .herobannertop .hero-row { min-height: 0; }
    .herobannertop .hero-contant { padding-bottom: 24px !important; }
    .herobannertop .hero-yearly-highlight { font-size: 1.15rem; }
    .herobannertop .hero-yearly-sub { font-size: 0.95rem; max-width: 420px; }
    .herobannertop .hero-actions { margin-top: 6px; }
}
@media (min-width: 992px) and (max-width: 1600px) {
    .herobannertop .hero-carousel { min-height: 420px; }
    .herobannertop .hero-carousel-viewport { height: 430px; max-width: 640px; }
    .herobannertop .hero-carousel-card { width: 300px; }
}
@media (min-width: 992px) and (max-height: 820px) {
    .herobannertop h1.hero-title-top { font-size: clamp(1.9rem, 2.6vw, 2.4rem); padding-top: 12px; }
    .herobannertop .hero-carousel { min-height: 360px; }
    .herobannertop .hero-carousel-viewport { height: 370px; max-width: 580px; }
    .herobannertop .hero-carousel-card { width: 260px; }
    .q2c-trust { margin-top: 12px; }
    .q2c-trust li { font-size: 12px; padding: 5px 10px; }
}

/* ---------- How it works (stepper) ---------- */
.q2c-hiw { background: #fff; }
.q2c-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; position: relative; counter-reset: none; }
.q2c-steps::before { content: ""; position: absolute; top: 98px; left: 16%; right: 16%; border-top: 2px dashed rgba(31, 52, 133, 0.25); z-index: 0; }
.q2c-step { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; background: #fff; border: 1px solid var(--gray-200, #e5e7eb); border-radius: 20px; padding: 28px 24px 26px; box-shadow: 0 6px 20px rgba(31, 52, 133, 0.06); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.q2c-step:hover { transform: translateY(-6px); border-color: rgba(31, 52, 133, 0.3); box-shadow: 0 22px 44px -16px rgba(31, 52, 133, 0.3); }
.q2c-step-num { position: absolute; top: 16px; left: 18px; font-size: 13px; font-weight: 800; letter-spacing: .05em; color: var(--primary, #1f3485); background: rgba(31, 52, 133, 0.08); border-radius: 999px; padding: 4px 10px; }
.q2c-step img { width: 140px; height: 140px; }
.q2c-step h3 { margin: 6px 0 0; font-size: 19px; font-weight: 700; color: var(--gray-900, #111827); line-height: 1.3; }
.q2c-step p { margin: 0; color: var(--gray-600, #4b5563); font-size: 15px; line-height: 1.55; }
.q2c-step-tag { margin-top: auto; display: inline-block; font-size: 12.5px; font-weight: 600; color: #047857; background: #ecfdf5; border-radius: 999px; padding: 4px 12px; }
.q2c-steps-cta { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 18px; margin-top: 30px; }
.q2c-link { font-weight: 600; color: var(--primary, #1f3485); text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Why choose (database cards) refresh ---------- */
.why-choose-section { background: linear-gradient(180deg, #f5f7fd 0%, #ffffff 100%); }
.why-choose-section .row { row-gap: 24px !important; align-items: stretch; }
#features.why-choose-section .row > [class*="col-"],
#features.why-choose-section .row > [class*="col-"]:nth-child(n) { margin-top: 0 !important; margin-bottom: 0 !important; }
.why-choose-section .why-choose-card-border-wrap { height: 100%; padding: 0 !important; margin: 0 !important; }
.why-choose-section .featuresBox.why-choose-card { height: 100%; display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: 10px; margin: 0 !important; padding: 26px 24px !important; background: #fff; border: 1px solid var(--gray-200, #e5e7eb) !important; border-radius: 20px !important; box-shadow: 0 6px 20px rgba(31, 52, 133, 0.06) !important; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.why-choose-section .featuresBox.why-choose-card:hover { transform: translateY(-6px); border-color: rgba(31, 52, 133, 0.3) !important; box-shadow: 0 22px 44px -16px rgba(31, 52, 133, 0.3) !important; }
.why-choose-section .why-choose-card-img { order: -1; width: 96px !important; height: 96px !important; max-width: 96px !important; object-fit: contain; margin: 0 0 4px !important; }
.why-choose-section .why-choose-card-heading { margin: 0 !important; font-size: 19px !important; font-weight: 700; color: var(--gray-900, #111827); text-align: left !important; }
.why-choose-section .why-choose-card-text { margin: 0 !important; color: var(--gray-600, #4b5563); font-size: 15px !important; line-height: 1.6 !important; text-align: left !important; display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; }

@media (max-width: 991px) {
    .q2c-steps { grid-template-columns: minmax(0, 1fr); max-width: 520px; margin: 0 auto; }
    .q2c-steps::before { top: 0; bottom: 0; left: 50%; right: auto; border-top: 0; border-left: 2px dashed rgba(31, 52, 133, 0.25); }
}

/* ---------- Template gallery ---------- */
.q2c-gallery { background: linear-gradient(180deg, #ffffff 0%, #f5f7fd 100%); }
.q2c-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 auto 26px; }
.q2c-chip { appearance: none; border: 1px solid var(--gray-200, #e5e7eb); background: #fff; color: var(--gray-700, #374151); font-size: 14px; font-weight: 600; padding: 8px 16px; min-height: 40px; border-radius: 999px; cursor: pointer; transition: background .15s ease, color .15s ease, border-color .15s ease; }
.q2c-chip:hover { border-color: rgba(31, 52, 133, 0.35); color: var(--primary, #1f3485); }
.q2c-chip.is-active { background: var(--primary, #1f3485); border-color: var(--primary, #1f3485); color: #fff; }
.q2c-tpl-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.q2c-tpl { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 12px 14px; background: #fff; border: 1px solid var(--gray-200, #e5e7eb); border-radius: 14px; color: var(--gray-900, #111827) !important; text-decoration: none !important; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.q2c-tpl:hover { transform: translateY(-3px); border-color: rgba(31, 52, 133, 0.3); box-shadow: 0 14px 28px -14px rgba(31, 52, 133, 0.35); }
.q2c-tpl-ic { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
.q2c-tpl-ic svg { width: 22px; height: 22px; }
.q2c-tpl--acc .q2c-tpl-ic { background: #e8edfb; color: #1f3485; }
.q2c-tpl--inv .q2c-tpl-ic { background: #ecfdf5; color: #047857; }
.q2c-tpl--bank .q2c-tpl-ic { background: #e0f2fe; color: #0369a1; }
.q2c-tpl--ecom .q2c-tpl-ic { background: #fff4e0; color: #b45309; }
.q2c-tpl--pay .q2c-tpl-ic { background: #f3e8ff; color: #7e22ce; }
.q2c-tpl--mst .q2c-tpl-ic { background: #f1f5f9; color: #334155; }
.q2c-tpl-name { flex: 1 1 auto; min-width: 0; font-size: 15px; font-weight: 600; line-height: 1.3; }
.q2c-plan { flex: 0 0 auto; font-size: 11px; font-weight: 700; letter-spacing: .02em; padding: 3px 8px; border-radius: 999px; white-space: nowrap; }
.q2c-plan--b { background: #e8edfb; color: #1f3485; }
.q2c-plan--p { background: #1f3485; color: #fff; }
.q2c-plan--e { background: #fff4e0; color: #92400e; }
.q2c-plan--u { background: #ecfdf5; color: #065f46; }
.q2c-plan--up { background: #111827; color: #fff; }
.q2c-plan--g { background: #e0f2fe; color: #075985; }
.q2c-gallery-foot { text-align: center; margin-top: 22px; }
.q2c-gallery-foot p { margin: 12px auto 0; max-width: 640px; font-size: 13px; color: var(--gray-500, #6b7280); }
.q2c-more { appearance: none; border: 1px solid var(--primary, #1f3485); background: #fff; color: var(--primary, #1f3485); font-weight: 600; font-size: 15px; min-height: 44px; padding: 0 22px; border-radius: 10px; cursor: pointer; }
.q2c-more:hover { background: var(--primary, #1f3485); color: #fff; }
@media (max-width: 1199px) { .q2c-tpl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px) { .q2c-tpl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .q2c-tpl-grid { grid-template-columns: minmax(0, 1fr); } .q2c-chips { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; } .q2c-chip { flex: 0 0 auto; } }

/* =====================================================================
   Green + blue theme for the home page: sections alternate light / deep.
   .q2t-light = white,  .q2t-dark = deep green-to-blue band with white text.
   ===================================================================== */
.herobannertop { background: radial-gradient(circle at 8% 18%, rgba(29, 107, 64, 0.10), transparent 38%), radial-gradient(circle at 92% 30%, rgba(36, 86, 199, 0.10), transparent 40%), linear-gradient(180deg, #f6faf7 0%, #ffffff 100%) !important; }
.herobannertop h1.hero-title-top { color: var(--q2t-ink, #13261b); font-weight: 800; }
.herobannertop .hero-title-typewriter,
.herobannertop .hero-title-typewriter-cursor { color: var(--q2t-green, #1d6b40) !important; -webkit-text-fill-color: currentColor; background: none !important; }
.herobannertop .hero-typewriter-dynamic,
.herobannertop .hero-typewriter-cursor { color: var(--q2t-blue, #2456c7) !important; }
.herobannertop .hero-yearly-highlight { color: var(--q2t-green, #1d6b40) !important; }
.herobannertop .hero-yearly-sub { color: var(--q2t-text, #3d4f45); }
.herobannertop .hero-trust-count { color: var(--q2t-blue, #2456c7); }
.q2c-trust li { background: var(--q2t-green-tint, #eaf5ee); color: var(--q2t-green, #1d6b40); }
.hero-carousel-nav { color: var(--q2t-green, #1d6b40) !important; border-color: rgba(29, 107, 64, 0.25) !important; }

.q2t-light { background: #ffffff !important; }
.q2t-light::before, .q2t-light::after { display: none !important; }
.q2t-light .section-heading h2,
.q2t-light .why-choose-heading h2,
.q2t-light .q2c-heading h2 { color: var(--q2t-ink, #13261b) !important; }
.q2t-light .q2c-heading p { color: var(--q2t-text, #3d4f45); }

.q2t-dark { position: relative; background: var(--q2t-deep, linear-gradient(135deg, #17544d 0%, #1a4a7a 45%, #1d3f8f 100%)) !important; color: #e6efe9; overflow: hidden; }
.q2t-dark::before { content: "" !important; display: block !important; position: absolute; inset: auto auto -30% -10%; width: 55%; height: 90%; top: auto; left: -10%; background: radial-gradient(ellipse at center, rgba(127, 214, 162, 0.10), transparent 70%) !important; pointer-events: none; }
.q2t-dark::after { content: "" !important; display: block !important; position: absolute; top: -30%; right: -10%; left: auto; bottom: auto; width: 50%; height: 80%; background: radial-gradient(ellipse at center, rgba(140, 180, 255, 0.18), transparent 70%) !important; pointer-events: none; }
.q2t-dark > .container { position: relative; z-index: 1; }
.q2t-dark .section-heading h2,
.q2t-dark .why-choose-heading h2,
.q2t-dark .q2c-heading h2,
.q2t-dark .products-pricing-title,
.q2t-dark .about-us-heading h2,
.q2t-dark .online-support-heading h2 { color: #ffffff !important; }
.q2t-dark .q2c-heading p,
.q2t-dark .about-us-lead,
.q2t-dark .online-support-subtitle,
.q2t-dark .products-pricing-footer p { color: rgba(230, 239, 233, 0.82) !important; }
.q2t-dark .about-us-lead strong { color: #7fd6a2; }
.q2t-dark .products-pricing-footer a,
.q2t-dark .q2c-link,
.q2t-dark .q2c-import-more { color: #7fd6a2 !important; }
.q2t-dark .products-pricing-accent { background: linear-gradient(90deg, #7fd6a2, #9fbcff) !important; }

/* cards stay white on the deep bands */
.q2t-dark .q2c-import,
.q2t-dark .featuresBox.why-choose-card,
.q2t-dark .q2c-tpl,
.q2t-dark .product-pricing-card,
.q2t-dark .about-us-card,
.q2t-dark .online-support-card { background: #ffffff !important; border-color: transparent !important; box-shadow: 0 18px 40px -20px rgba(0, 0, 0, 0.55) !important; }
.q2t-dark .about-us-card p,
.q2t-dark .online-support-card p { color: var(--q2t-text, #3d4f45); }
.q2t-dark .about-us-image-wrap,
.q2t-dark .online-support-image-wrap { background: rgba(255, 255, 255, 0.96) !important; border-radius: 24px; }

/* gallery chips on the deep band */
.q2t-dark .q2c-chip { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.22); color: #e6efe9; }
.q2t-dark .q2c-chip:hover { border-color: #7fd6a2; color: #ffffff; }
.q2t-dark .q2c-chip.is-active { background: #ffffff; border-color: #ffffff; color: var(--q2t-green, #1d6b40); }
.q2t-dark .q2c-more { background: transparent; border-color: rgba(255, 255, 255, 0.6); color: #ffffff; }
.q2t-dark .q2c-more:hover { background: #ffffff; color: var(--q2t-green, #1d6b40); }
.q2t-dark .q2c-gallery-foot p { color: rgba(230, 239, 233, 0.7); }

/* palette touches inside cards */
.q2c-import em { background: var(--q2t-green, #1d6b40); }
.q2c-import:nth-child(2) em { background: var(--q2t-blue, #2456c7); }
.q2c-import:nth-child(3) em { background: #b26a00; }
.q2c-import:nth-child(4) em { background: #7a3fb0; }
.q2c-import:hover { border-color: rgba(29, 107, 64, 0.35); }
.why-choose-card-heading { color: var(--q2t-ink, #13261b) !important; }
.product-pricing-card.q2c-popular { border: 2px solid #7fd6a2 !important; box-shadow: 0 0 0 4px rgba(127, 214, 162, 0.25), 0 24px 48px -18px rgba(0, 0, 0, 0.6) !important; }
.q2c-ribbon { background: var(--q2t-green, #1d6b40); }
.product-pricing-name { color: var(--q2t-ink, #13261b) !important; }
.product-pricing-price { color: var(--q2t-green, #1d6b40) !important; }
.product-pricing-view-all { color: var(--q2t-blue, #2456c7) !important; }
.q2c-plan--b { background: var(--q2t-blue-tint, #e8effc); color: var(--q2t-blue, #2456c7); }
.q2c-plan--p { background: var(--q2t-green, #1d6b40); color: #fff; }
.q2c-tpl--acc .q2c-tpl-ic { background: var(--q2t-green-tint, #eaf5ee); color: var(--q2t-green, #1d6b40); }
.q2c-tpl--bank .q2c-tpl-ic { background: var(--q2t-blue-tint, #e8effc); color: var(--q2t-blue, #2456c7); }

/* How it works (light) */
.q2c-steps::before { border-top-color: rgba(29, 107, 64, 0.3); }
.q2c-step:hover { border-color: rgba(29, 107, 64, 0.35); }
.q2c-step-num { color: var(--q2t-green, #1d6b40); background: var(--q2t-green-tint, #eaf5ee); }
.q2c-step-tag { color: var(--q2t-blue, #2456c7); background: var(--q2t-blue-tint, #e8effc); }
@media (max-width: 991px) { .q2c-steps::before { border-left-color: rgba(29, 107, 64, 0.3); } }

/* Counter strip becomes a light tint between two deep bands */
.counter-box-stats.q2t-tint { background: var(--q2t-green-tint, #eaf5ee) !important; }
.counter-box-stats.q2t-tint .counter-desc { color: var(--q2t-text, #3d4f45) !important; }
.counter-box-stats.q2t-tint .counter-stat-value { color: var(--q2t-green, #1d6b40) !important; font-size: 1.5rem; font-weight: 800; }
.counter-box-stats.q2t-tint .counter-stat-icon { color: var(--q2t-blue, #2456c7) !important; }

/* What else we offer (light) */
.what-we-offer-icon { color: var(--q2t-green, #1d6b40) !important; background: var(--q2t-green-tint, #eaf5ee) !important; }
.what-we-offer-item:nth-child(even) .what-we-offer-icon { color: var(--q2t-blue, #2456c7) !important; background: var(--q2t-blue-tint, #e8effc) !important; }
.what-we-offer-title { color: var(--q2t-ink, #13261b) !important; }

/* FAQ (light) */
.q2c-faq details[open] { border-color: rgba(29, 107, 64, 0.35); }
.q2c-faq summary::after { background: var(--q2t-green-tint, #eaf5ee); color: var(--q2t-green, #1d6b40); }
.q2c-faq-more a { color: var(--q2t-green, #1d6b40); }

/* Online support button + CTA band */
.online-support-btn { background: var(--q2t-green, #1d6b40) !important; color: #fff !important; border: 0 !important; }
.q2c-cta { background: linear-gradient(120deg, #1d6b40 0%, #1f5f8a 55%, #2456c7 100%); }
.q2c-btn--white { color: var(--q2t-green, #1d6b40) !important; }

/* Download strip under the demo video */
.homedownbtn { background: #ffffff !important; }
.q2t-dark .heading-accent { filter: brightness(0) invert(1) !important; opacity: .55; }
.homedownbtn-box { border: 0 !important; background: none !important; box-shadow: none !important; padding: 0 !important; }
.homedownbtn-box .btnnewdownload { border-radius: 12px !important; padding: 14px 28px !important; }
.why-choose-section .why-choose-heading h2 { font-size: var(--text-4xl, 2.25rem) !important; }
@media (max-width: 768px) { .why-choose-section .why-choose-heading h2 { font-size: 1.6rem !important; } }

/* About us: smaller Tally partner badge + facts, text on the deep band */
.q2t-about.section-padding { padding-top: 44px !important; padding-bottom: 44px !important; }
.q2t-about-grid { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 40px; align-items: center; }
.q2t-about-side { display: flex; flex-direction: column; gap: 16px; }
.q2t-about-badge { background: #fff; border-radius: 16px; padding: 12px; box-shadow: 0 18px 40px -20px rgba(0, 0, 0, 0.55); display: flex; justify-content: center; }
.q2t-about-badge img { width: 100%; max-width: 170px; height: auto; display: block; }
.q2t-about-facts { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.q2t-about-facts li { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 12px; padding: 10px 4px; text-align: center; display: flex; flex-direction: column; gap: 2px; }
.q2t-about-facts strong { color: #fff; font-size: 19px; white-space: nowrap; font-weight: 800; line-height: 1.1; }
.q2t-about-facts span { color: rgba(230, 239, 233, 0.75); font-size: 12.5px; line-height: 1.3; }
.q2t-eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #7fd6a2; margin-bottom: 8px; }
.q2t-about-main h2 { margin: 0 0 10px; color: #fff; font-weight: 800; font-size: clamp(1.6rem, 2.6vw, 2.25rem); line-height: 1.2; }
.q2t-about-main p { color: rgba(230, 239, 233, 0.82); font-size: 15.5px; line-height: 1.6; margin: 0 0 10px; }
.q2t-about-main p.q2t-about-lead { color: #fff; font-size: 18px; font-weight: 600; }
.q2t-about-points { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.q2t-about-points li { display: inline-flex; align-items: center; gap: 8px; background: rgba(127, 214, 162, 0.14); color: #dff3e7; border: 1px solid rgba(127, 214, 162, 0.3); border-radius: 999px; padding: 7px 14px; font-size: 14px; font-weight: 600; }
.q2t-about-points li::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #7fd6a2; }
@media (max-width: 991px) {
    .q2t-about-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .q2t-about-side { max-width: 420px; margin: 0 auto; width: 100%; }
    .q2t-about-badge img { max-width: 140px; }
}