/* =====================================================================
   Sixcap — standalone site styles (layered on Bootstrap 5)
   Brand: primary #0096C7 · dark navy #17213C · ink #111 · Inter
   ===================================================================== */

:root {
    --sc-primary: #0096C7;
    --sc-primary-dark: #02475e;
    --sc-navy: #17213C;
    --sc-navy-deep: #020229;
    --sc-ink: #111111;
    --sc-muted: #5b6472;
    --sc-bg: #ffffff;
    --sc-bg-soft: #f5f8fb;
    --sc-border: rgba(17, 17, 17, 0.10);
}

* { scroll-behavior: smooth; }

body {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--sc-ink);
    background: var(--sc-bg);
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 { color: var(--sc-navy); font-weight: 700; line-height: 1.2; }
.text-primary-brand { color: var(--sc-primary) !important; }
.bg-soft { background: var(--sc-bg-soft); }
.section { padding: 80px 0; }
.section-sm { padding: 56px 0; }
.lead-muted { color: var(--sc-muted); font-size: 1.05rem; }

/* ---------- buttons ---------- */
.btn-brand {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--sc-primary);
    --bs-btn-border-color: var(--sc-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--sc-primary-dark);
    --bs-btn-hover-border-color: var(--sc-primary-dark);
    --bs-btn-active-bg: var(--sc-primary-dark);
    --bs-btn-border-radius: 10px;
    --bs-btn-padding-x: 1.9rem;
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-font-weight: 600;
}
.btn-outline-brand {
    --bs-btn-color: var(--sc-primary);
    --bs-btn-border-color: var(--sc-primary);
    --bs-btn-hover-bg: var(--sc-primary);
    --bs-btn-hover-border-color: var(--sc-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-border-radius: 10px;
    --bs-btn-font-weight: 600;
}

/* ---------- header ---------- */
.sc-header {
    position: sticky; top: 0; z-index: 1030;
    background: #fff;
    border-bottom: 1px solid var(--sc-border);
    transition: box-shadow .2s ease;
}
.sc-header.scrolled { box-shadow: 0 6px 24px rgba(2, 2, 41, 0.07); }
.sc-brand { font-weight: 700; font-size: 1.35rem; color: var(--sc-navy); text-decoration: none; }
.sc-brand:hover { color: var(--sc-primary); }
.navbar-nav .nav-link { font-weight: 500; color: var(--sc-navy); }
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active { color: var(--sc-primary); }
.sc-header .social-ico {
    width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%; color: #25d366; font-size: 1.15rem;
}

/* ---------- hero ---------- */
.hero { padding: 70px 0; }
.hero h1 { font-size: clamp(1.9rem, 1.6rem + 2.2vw, 3rem); }
.hero .hero-img { width: 100%; max-width: 520px; height: auto; }
.hero-social a {
    width: 42px; height: 42px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--sc-navy); color: #fff; font-size: 1.1rem; text-decoration: none;
    transition: transform .12s ease, background .12s ease;
}
.hero-social a:hover { transform: translateY(-2px); background: var(--sc-primary); }

/* ---------- offer / feature cards ---------- */
.offer-card, .serve-card, .sig-card {
    background: #fff; border: 1px solid var(--sc-border); border-radius: 16px;
    padding: 28px; height: 100%;
    transition: transform .15s ease, box-shadow .15s ease;
}
.offer-card:hover, .serve-card:hover, .sig-card:hover {
    transform: translateY(-4px); box-shadow: 0 16px 40px rgba(2, 2, 41, 0.08);
}
.offer-ico {
    width: 54px; height: 54px; border-radius: 12px;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(0, 150, 199, 0.10); color: var(--sc-primary); font-size: 1.5rem; margin-bottom: 16px;
}
.serve-ico { color: var(--sc-primary); font-size: 2rem; }
.sig-card { background: var(--sc-bg-soft); border: none; }
.sig-card h4 { color: var(--sc-primary); }

/* ---------- why-choose checklist ---------- */
.why-item { display: flex; gap: 14px; margin-bottom: 22px; }
.why-item .bi { color: var(--sc-primary); font-size: 1.5rem; flex: 0 0 auto; line-height: 1.4; }
.why-item h5 { margin: 0 0 4px; font-size: 1.05rem; }
.why-item p { margin: 0; color: var(--sc-muted); }

/* ---------- calculators ---------- */
.calc-card {
    background: #fff; border: 1px solid var(--sc-border); border-radius: 18px;
    padding: 28px; height: 100%;
}
.calc-card h3 { margin-bottom: 20px; }
.calc-field { margin-bottom: 18px; }
.calc-field label { font-weight: 600; font-size: .9rem; color: var(--sc-navy); display: block; margin-bottom: 6px; }
.calc-field .input-wrap { position: relative; }
.calc-field input[type=number] {
    width: 100%; padding: 11px 14px; font: inherit; border: 1px solid var(--sc-border);
    border-radius: 10px; background: var(--sc-bg-soft);
}
.calc-field input[type=number]:focus { outline: none; border-color: var(--sc-primary); box-shadow: 0 0 0 3px rgba(0,150,199,.15); }
.calc-slider { width: 100%; margin-top: 10px; accent-color: var(--sc-primary); }
.tenure-toggle { display: inline-flex; gap: 6px; margin-top: 10px; }
.tenure-toggle button {
    border: 1px solid var(--sc-border); background: #fff; border-radius: 8px;
    padding: 6px 14px; font-size: .85rem; font-weight: 600; cursor: pointer; color: var(--sc-muted);
}
.tenure-toggle button.active { background: var(--sc-primary); color: #fff; border-color: var(--sc-primary); }

.calc-result { background: var(--sc-bg-soft); border-radius: 14px; padding: 18px; margin-top: 8px; }
.calc-result .row-line { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px dashed var(--sc-border); }
.calc-result .row-line:last-child { border-bottom: none; }
.calc-result .row-line .val { font-weight: 700; color: var(--sc-navy); }
.calc-result .row-line.total .val { color: var(--sc-primary); font-size: 1.15rem; }
.calc-chart-wrap { max-width: 260px; margin: 18px auto 0; }

/* ---------- testimonials ---------- */
.testimonials {
    position: relative; color: #fff; border-radius: 22px; overflow: hidden;
    background: linear-gradient(rgba(23,33,60,.88), rgba(2,2,41,.92)),
                url('https://sixcap.co.in/wp-content/themes/financeconsulting/assets/images/cta.jpg') center/cover no-repeat;
    padding: 56px 34px;
}
.testimonials h2 { color: #fff; }
.tsm-card {
    background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14);
    border-radius: 14px; padding: 22px; height: 100%;
}
.tsm-card p { margin: 0 0 12px; font-style: italic; color: #eef2f7; }
.tsm-card .who { font-style: normal; font-weight: 700; color: var(--sc-primary); }

/* ---------- enquiry form ---------- */
.enquiry-card {
    background: #fff; border: 1px solid var(--sc-border); border-radius: 20px;
    box-shadow: 0 18px 45px rgba(2,2,41,.06); padding: 40px; max-width: 760px; margin: 0 auto;
}
.enquiry-card .form-label { font-weight: 600; font-size: .9rem; color: var(--sc-navy); }
.enquiry-card .form-control, .enquiry-card .form-select {
    border-radius: 10px; background: var(--sc-bg-soft); border: 1px solid var(--sc-border); padding: 11px 14px;
}
.enquiry-card .form-control:focus, .enquiry-card .form-select:focus {
    border-color: var(--sc-primary); box-shadow: 0 0 0 3px rgba(0,150,199,.15);
}
.req { color: #cf2e2e; }
.sc-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.sc-status { display: none; margin-top: 18px; padding: 13px 16px; border-radius: 10px; font-size: .95rem; }
.sc-status.is-success { display: block; background: #e7f7ee; color: #147a45; border: 1px solid #b7e6cb; }
.sc-status.is-error   { display: block; background: #fdecec; color: #b3261e; border: 1px solid #f5c2c0; }
.sc-spinner {
    width: 16px; height: 16px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff;
    border-radius: 50%; animation: sc-spin .7s linear infinite; display: none;
}
.btn.is-loading .sc-spinner { display: inline-block; }
@keyframes sc-spin { to { transform: rotate(360deg); } }

/* ---------- footer ---------- */
.sc-footer { background: var(--sc-navy); color: #cfd6e4; padding: 56px 0 0; }
.sc-footer h6 { color: #fff; margin-bottom: 18px; letter-spacing: .3px; }
.sc-footer a { color: #cfd6e4; text-decoration: none; }
.sc-footer a:hover { color: var(--sc-primary); }
.sc-footer .foot-links li { margin-bottom: 10px; }
.sc-footer .foot-social a {
    width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,.08); color: #fff; margin-right: 8px; transition: background .12s ease;
}
.sc-footer .foot-social a:hover { background: var(--sc-primary); }
.sc-footer .foot-bottom { border-top: 1px solid rgba(255,255,255,.12); margin-top: 40px; padding: 18px 0; text-align: center; font-size: .85rem; color: #9aa6bd; }

/* ---------- floating whatsapp ---------- */
.wa-float {
    position: fixed; right: 20px; bottom: 20px; z-index: 1040;
    width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff;
    display: inline-flex; align-items: center; justify-content: center; font-size: 1.6rem;
    box-shadow: 0 8px 24px rgba(37,211,102,.4); text-decoration: none;
}
.wa-float:hover { color: #fff; transform: scale(1.05); }

@media (max-width: 575px) {
    .section { padding: 56px 0; }
    .enquiry-card { padding: 26px 20px; }
    .testimonials { padding: 40px 20px; }
}