/* ============================================================
   BTS FX PRO — PREMIUM OVERRIDE PACK (2026-07-23)
   Loaded AFTER custom.css so it wins. Fixes the "broken/not-premium"
   issues: invisible scroll-animation content, stuck 0+ counters,
   ghost low-contrast text, random card colours; adds cohesive
   palette, typography, depth + spacing polish. Safe/additive.
   ============================================================ */

:root{
  --bts-red:#ec1e2a;
  --bts-red-soft:rgba(236,30,42,.16);
  --bts-bg:#0a0a0c;
  --bts-card:#121217;
  --bts-card-2:#16161c;
  --bts-border:rgba(255,255,255,.08);
  --bts-border-red:rgba(236,30,42,.28);
  --bts-text:#eef0f4;
  --bts-muted:#b9bcc6;
}

/* ---- 1. GUARANTEE VISIBILITY --------------------------------
   The theme hides .wow / .text-effect content until a scroll
   animation fires (WOW.js / GSAP SplitText). When those don't
   trigger, text stays invisible or ghost-grey. Force the RESTING
   state to be fully visible so nothing is ever blank. ---------- */
.wow{visibility:visible!important;opacity:1!important;
     animation-name:none!important;-webkit-animation-name:none!important}
.text-effect,.text-effect *{opacity:1!important;visibility:visible!important;
     transform:none!important;filter:none!important}
.animated{opacity:1!important;visibility:visible!important}

/* ---- 2. TYPOGRAPHY & GLOBAL POLISH -------------------------- */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
     background:var(--bts-bg);color:var(--bts-text)}
h1,h2,h3,h4{color:#fff;letter-spacing:-.01em}
p{color:var(--bts-muted)}
.def-color{color:var(--bts-red)!important}

/* Section headings: crisp, high-contrast, tighter rhythm */
.section-title h2,.text-effect{color:#fff!important;font-weight:700}
.section-title .steps-parah p,.section-title .banner-parah,
.steps-parah p,.banner-parah{color:var(--bts-muted)!important}

/* ---- 3. HERO ------------------------------------------------ */
.banner-head{letter-spacing:-.02em;line-height:1.05}
.banner-parah{color:#cdd0d9!important;line-height:1.6}

/* ---- 4. COHESIVE "INFRASTRUCTURE" CARDS --------------------
   Kill the random red / white / green / black backgrounds — one
   dark card, subtle red-tinted border, lift on hover. ---------- */
.box-col-1,.box-col-2,.box-col-3,.box-col-4{
  background:var(--bts-card)!important;
  border:1px solid var(--bts-border)!important;
  border-radius:20px!important;
}
.hero-info-item.box-x{
  height:100%;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.hero-info-item.box-x:hover{
  transform:translateY(-6px);
  border-color:var(--bts-border-red)!important;
  box-shadow:0 20px 44px -20px rgba(236,30,42,.4);
}
/* card 2 was a white card (used .text-dark) — now dark, make text light */
.box-col-2 .text-dark,.box-col-2 h2,.box-col-2 h3,.box-col-2 p{color:var(--bts-text)!important}
.steps-sec h3{color:var(--bts-red)!important;font-size:15px;letter-spacing:.02em;text-transform:uppercase;margin-bottom:2px}
.steps-sec h2{color:#fff!important;font-size:26px}
.steps-parah p{color:var(--bts-muted)!important}
.divider{background:var(--bts-border)!important}

/* stray green arrow graphic overlapping the "Support" card — off-brand, hide it */
.step-img-4{display:none!important}

/* ---- 5. COUNTER / STATS BAND ------------------------------- */
.our-faqs .counter-head{padding:18px 0}
.counter-sec{color:#fff!important;font-weight:800}
.counter-sec .counter,.counter-sec .def-color{font-size:52px}
.counter-head .text-effect{color:#eef0f4!important;font-weight:600;font-size:24px}

/* ---- 6. ASSET-CLASS CARDS (Access Global Markets) ---------- */
.asset-card,.market-card,.hero-info-item.box-y{transition:transform .25s ease,border-color .25s ease}
.hero-info-item.box-y:hover{transform:translateY(-4px);border-color:var(--bts-border-red)!important}
.market-card{border-color:var(--bts-border)!important}
.market-card:hover{border-color:var(--bts-border-red)!important;box-shadow:0 22px 46px -22px rgba(236,30,42,.4)!important}
/* Clean inline SVG asset icons (replaced mismatched PNGs incl. the cash-note "Indices") */
.market-card .icon-box .asset-svg{width:72px;height:72px;color:#fff;stroke:#fff;fill:none}

/* ---- 7. BUTTONS -------------------------------------------- */
.hero-btn-silver a,.hero-btn a,a.btn-default,.btn-default{
  border-radius:999px!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.hero-btn-silver a:hover,.hero-btn a:hover,.btn-default:hover{
  transform:translateY(-2px);filter:brightness(1.06);
  box-shadow:0 14px 30px -12px rgba(236,30,42,.6);
}

/* ---- 8. NAV / HEADER --------------------------------------- */
.main-menu ul li a{letter-spacing:.01em}

/* Premium horizontal logo lockup — emblem mark + crisp wordmark
   (replaces the tiny portrait logo whose text was microscopic). */
.navbar-brand.bts-logo-lockup{display:inline-flex!important;align-items:center;gap:11px;padding:0}
.bts-logo-lockup .bts-mark{height:46px;width:auto;display:block;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}
.bts-logo-lockup .bts-word{display:flex;flex-direction:column;line-height:1}
.bts-logo-lockup .bts-word b{color:#fff;font-size:21px;font-weight:800;letter-spacing:.04em}
.bts-logo-lockup .bts-word span{color:var(--bts-red);font-size:11px;font-weight:700;letter-spacing:.34em;margin-top:4px}
@media(max-width:576px){
  .bts-logo-lockup .bts-mark{height:38px}
  .bts-logo-lockup .bts-word b{font-size:18px}
  .bts-logo-lockup .bts-word span{font-size:10px;letter-spacing:.28em}
}

/* ---- 9. TRUST BADGES BAND (added markup in index.php) ------ */
.bts-trust{padding:34px 0;border-top:1px solid var(--bts-border);border-bottom:1px solid var(--bts-border);
  background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}
.bts-trust .trust-eyebrow{color:var(--bts-muted);text-align:center;font-size:13px;
  letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px}
.bts-trust-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.bts-badge{display:flex;align-items:center;gap:12px;background:var(--bts-card);
  border:1px solid var(--bts-border);border-radius:14px;padding:14px 20px;min-width:220px}
.bts-badge:hover{border-color:var(--bts-border-red)}
.bts-badge .bts-badge-ico{width:38px;height:38px;flex:none;border-radius:9px;
  background:var(--bts-red-soft);display:flex;align-items:center;justify-content:center;color:var(--bts-red);font-size:18px}
.bts-badge b{color:#fff;font-size:14px;display:block;line-height:1.2}
.bts-badge span{color:var(--bts-muted);font-size:12px}

@media(max-width:768px){
  .bts-badge{min-width:calc(50% - 14px);padding:12px 14px}
  .counter-sec .counter,.counter-sec .def-color{font-size:40px}
}