.services-hub-hero {
    min-height: 70vh;
}

.bca-hero-section.businesses  { background-image: url(/wp-content/uploads/2026/03/job-5382501_1280.jpg); }
.bca-hero-section.individuals { background-image: url(/wp-content/uploads/2026/04/individual_business.jpg); }

.bca-hero__overlay { opacity: 0.94; }
.bca-hero__btns { margin-top: 25px; }
.bca-hero__badge {
    background: var(--bca-primary);
    color: var(--white) !important;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 3px 8px 01px 8px;
    border-radius: 1px;
    opacity: 1;
    align-self: center;
    transition: opacity 0.28s ease, transform 0.28s ease;
}

#inner-body {
    overflow: visible !important; /* To keep the aside section sticky */
}

.bca-news-shortcode {
    padding: 80px 0;
    background: var(--white);
}

.service-hub-cta.bca-cta-var2 { border-bottom: 0px; background: var(--bca-card-bg);}

/* ── TWO SERVICE TYPE CARD GRID ── */
.bca-types {
    padding: 80px 0;
    background: var(--white);
}

.bca-types__grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 24px; 
}

.bca-type-card { 
    position: relative; 
    border-radius: var(--border-radius); 
    overflow: hidden; 
    display: flex; 
    flex-direction: column; 
    min-height: 480px; 
    text-decoration: none; 
    transition: transform 0.3s ease, 
    box-shadow 0.3s ease; 
}

.bca-type-card:hover { 
    transform: translateY(-4px); 
    box-shadow: 0 24px 64px rgba(13,27,62,0.18); 
}

.bca-type-card__img { 
    position: absolute; 
    inset: 0; 
}

.bca-type-card__img img { 
    width: 100%; height: 100%; 
    object-fit: cover; 
    transition: transform 0.45s ease; 
}

.bca-type-card:hover .bca-type-card__img img { transform: scale(1.04); }

.bca-type-card__overlay { 
    position: absolute; 
    inset: 0; 
    background: linear-gradient(to top, rgba(13, 27, 62, 0.95) 0%, rgb(13 27 62 / 87%) 50%, rgb(13 27 62 / 51%) 100%)
}

.bca-type-card__content { 
    position: relative; 
    z-index: 2; 
    margin-top: auto; 
    padding: 36px; 
}

.bca-type-card__badge { 
    display: inline-flex; 
    align-items: center; 
    gap: 6px; 
    font-family: var(--bca-font-heading); 
    font-size: 11px; 
    font-weight: 700; 
    letter-spacing: 1.5px; 
    text-transform: uppercase; 
    padding: 5px 12px; 
    border-radius: var(--border-radius); 
    margin-bottom: 16px; 
}

.bca-type-card--business .bca-type-card__badge { 
    background: var(--bca-primary); 
    color: var(--white); 
}

.bca-type-card--individuals .bca-type-card__badge { 
    background: var(--bca-secondary); 
    color: var(--bca-dark-navy); 
}

.bca-type-card__title { 
    font-family: var(--bca-font-heading); 
    font-size: clamp(22px, 3vw, 32px); 
    font-weight: 800; color: var(--white); 
    line-height: 1.15; 
    letter-spacing: -0.5px; 
    margin-bottom: 12px; 
}

.bca-type-card__desc { 
    font-size: 14px; 
    line-height: 1.75; 
    color: rgb(255 255 255 / 85%);
    margin-bottom: 24px; 
    max-width: 380px; 
}

.bca-type-card__services { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 6px; 
    margin-bottom: 28px; 
}

.bca-type-card__service-pill { 
    font-family: var(--bca-font-heading); 
    font-size: 11px; 
    font-weight: 600; 
    color: rgba(255,255,255,0.7); 
    background: rgba(255,255,255,0.1); 
    border: 1px solid rgba(255,255,255,0.15); 
    padding: 4px 10px; 
    border-radius: 100px; 
}

.bca-type-card__link { 
    display: inline-flex; 
    align-items: center; 
    gap: 8px; 
    font-family: var(--bca-font-heading); 
    font-size: 14px; font-weight: 700; 
    color: var(--white); 
    border: 2px solid rgba(255,255,255,0.3); 
    padding: 12px 24px; 
    border-radius: var(--border-radius); 
    transition: all var(--transition); 
    background: rgba(255,255,255,0.07); 
}

.bca-type-card--business .bca-type-card__link { 
    border-color: var(--bca-primary); 
    background: rgba(26,86,219,0.25); 
}

.bca-type-card--individuals .bca-type-card__link { 
    border-color: var(--bca-secondary); 
    background: rgba(201,168,76,0.2); 
    color: var(--bca-secondary); 
}

.bca-type-card:hover .bca-type-card__link { padding-right: 28px; }
.bca-type-card__link svg { 
    width: 14px; height: 14px; 
    stroke: currentColor; 
    fill: none; 
    stroke-width: 2.5; 
}

.bca-types .bca-btn-primary { width: fit-content;}

/* ── INTRO SECTION ── */
.bca-intro {
    padding: 80px 0;
    background: var(--white);
}

.bca-intro__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

.bca-intro__stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: var(--bca-dark-border);
    border: 1px solid var(--bca-dark-border);
    border-radius: 8px;
    overflow: hidden;
}

.bca-intro__stat {
    background: var(--white);
    padding: 24px 22px;
}

.bca-intro__stat-num {
    font-family: 'Outfit', sans-serif;
    font-size: 30px;
    font-weight: 800;
    color: var(--bca-dark-navy);
    line-height: 1;
    margin-bottom: 8px;
}

.bca-intro__stat-num span {
    color: var(--bca-primary);
}

.bca-intro__stat-label {
    font-size: 14px;
    color: var(--muted);
    line-height: 1.4;
}

/* ── SERVICES LIST SECTION ── */
.bca-services-list {
    padding: 80px 0;
    background: var(--bca-card-bg);
    border-top: 1px solid var(--bca-dark-border);
}

 /* 4-column grid */
.bca-svc-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px; 
}

.bca-svc-card { 
    background: var(--white); 
    border: 1px solid var(--bca-dark-border); 
    border-radius: var(--border-radius); 
    overflow: hidden; 
    display: flex; 
    flex-direction: column; 
    transition: box-shadow 0.28s ease, var(--reveal-transition); 
    position: relative; 
}

.bca-svc-card:hover { 
    box-shadow: 0 14px 40px rgba(13,27,62,0.1); 
    transform: translateY(-4px); 
}

/* Colour top bar */
.bca-svc-card::before { 
    content: ''; 
    position: absolute; 
    top: 0; left: 0; right: 0; 
    height: 3px; 
    background: var(--bca-primary); 
    z-index: 2; 
}

.bca-svc-card--specialist::before { background: var(--bca-secondary); }

/* Image */
.bca-svc-card__img { 
    height: 160px; 
    overflow: hidden; 
    background: #dde3ec; 
    position: relative; 
    flex-shrink: 0; 
}

.bca-svc-card__img img { 
    width: 100%; height: 100%; 
    object-fit: cover; 
    transition: transform 0.45s ease; 
}

.bca-svc-card:hover .bca-svc-card__img img { transform: scale(1.05); }

.bca-svc-card__specialist { 
    position: absolute; 
    bottom: 10px;
    left: 10px;
    z-index: 3; 
    display: inline-flex; 
    align-items: center; 
    gap: 4px; 
    font-family: 'Outfit', sans-serif; 
    font-size: 11px; 
    font-weight: 700; 
    letter-spacing: 1.5px; 
    text-transform: uppercase; 
    color: var(--bca-dark-navy); 
    background: var(--bca-secondary); 
    padding: 3px 8px; 
    border-radius: var(--border-radius); 
}

/* Body */
.bca-svc-card__body { padding: 18px 18px 16px; display: flex; flex-direction: column; flex: 1; }

.bca-svc-card__title { 
    font-family: 'Outfit', sans-serif; 
    font-size: 15px; font-weight: 700; 
    color: var(--bca-dark-navy); 
    margin-bottom: 8px; 
    line-height: 1.3; 
}

.bca-svc-card__desc { font-size: 13px; line-height: 1.7; color: var(--muted); flex: 1; margin-bottom: 16px; }

/* Footer link */
.bca-svc-card__foot { 
    padding-top: 12px; 
    border-top: 1px solid var(--bca-dark-border); 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
}

.bca-svc-card__link { 
    display: inline-flex; 
    align-items: center; 
    gap: 6px; 
    font-size: 13px; 
    font-weight: 700; 
    color: var(--bca-primary); 
    transition: gap 0.22s ease; 
}
.bca-svc-card--specialist .bca-svc-card__link { color: var(--bca-secondary); }
.bca-svc-card__link svg { width:12px; height:12px; stroke:currentColor; fill:none; stroke-width:2.5; }
.bca-svc-card:hover .bca-svc-card__link { gap: 9px; }


/* ════════════════════════════════════
   SINGLE SERVICE - MAIN CONTENT + SIDEBAR
   ════════════════════════════════════ */
.bca-main { 
    padding: 80px 0; 
    background: var(--white); 
}

.bca-main__inner { 
    display: grid; 
    grid-template-columns: 1fr 380px; 
    gap: 60px; 
    align-items: start; 
}

/* ── Left: content ── */
.bca-content h2 { 
    font-size: clamp(22px, 2.8vw, 32px); 
    font-weight: 700; 
    color: var(--bca-dark-navy); 
    line-height: 1.2; 
    letter-spacing: -0.4px; 
    text-transform: capitalize;
    margin-bottom: 28px; 
}

.bca-content__html { padding: 8px 0; }

.bca-content__overview ul {
    list-style: none;
    position: relative;
    padding-left: 24px;
}

.bca-content__html ul {
    list-style: none;
    position: relative;
    padding-left: 24px;
    margin: 24px 0 32px;
}

.bca-content__overview ul li, 
.bca-content__html ul li {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.85;
    color: var(--muted);
}

.bca-content__overview ul li::before, 
.bca-content__html ul li::before {
    content: "";
    position: absolute;
    left: 0;
    margin-top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--bca-primary);
}

.bca-content h2 em { font-style: italic; color: var(--bca-primary); }
.bca-content p { font-size: 15px; line-height: 1.85; color: var(--muted); margin-bottom: 16px; }
.bca-content p:last-of-type { margin-bottom: 0; }

.bca-svc-faq {
    padding: 20px 0;
}

/* FAQ Accordion */
.bca-faq__item {
  border-bottom: 1px solid var(--bca-card-border);
  background: #f7f9fcd6;
  border-left: 0px;
  border-right: 0px;
}

.bca-faq__item:first-child { border-top: 0px; }
.bca-faq__item:last-child { border-bottom: 0px; }
    
/* ── Right: sidebar ── */
.bca-form-submit p { width: 100%; }
.bca-sidebar-card__body textarea { 
    resize: vertical;
    min-height: 80px !important;
    line-height: 1.6;
}

/* CheckList */
.bca-checklist-grid { 
    margin: 36px 0; 
    background: var(--bca-card-bg); 
    border: 1px solid var(--bca-dark-border); 
    border-radius: var(--border-radius); 
    overflow: hidden; 
}

.bca-checklist__head { 
    padding: 18px 24px; 
    border-bottom: 1px solid var(--bca-dark-border); 
    display: flex; 
    align-items: center; 
    gap: 10px; 
}

.bca-checklist__head svg { 
    width:18px; height:18px; 
    stroke:var(--bca-primary); 
    fill:none; stroke-width:2; 
}

.bca-checklist__head h3 { 
    margin: 0;
    font-size: 16px;
    font-weight: 600; 
    text-transform: capitalize;
    color: var(--bca-dark-navy); 
}

.bca-checklist__body { padding: 20px 24px; }
.bca-checklist__list { 
    list-style: none; display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 10px; 
}

.bca-checklist__list li { 
    display: flex; 
    align-items: flex-start; 
    gap: 9px; 
    margin: 0;
    font-size: 14px; 
    color: var(--text); 
    line-height: 1.5; 
}

.bca-checklist__list li svg { 
    width:14px; height:14px; 
    stroke:var(--bca-primary); 
    fill:none; 
    stroke-width:2.5; 
    flex-shrink:0; 
    margin-top:2px; 
}

/* Why BC&A for this service */
.bca-why-service { margin-top: 36px; }
.bca-why-cards { 
    display: flex; 
    flex-direction: column; 
    gap: 14px; 
    margin-top: 24px; 
}

.bca-why-card { 
    display: flex; 
    align-items: flex-start; 
    gap: 16px; 
    padding: 18px 20px; 
    background: var(--white); 
    border: 1px solid var(--bca-dark-border); 
    border-left: 3px solid var(--bca-primary); 
    border-radius: var(--border-radius); 
    transition: box-shadow 0.25s ease, var(--reveal-transition); 
}

.bca-why-card:hover { 
    box-shadow: 0 6px 24px rgba(13,27,62,0.07); 
    transform: translateX(3px); 
}

.bca-why-card__icon { 
    width: 38px; height: 38px; 
    border-radius: var(--border-radius); 
    background: rgba(26,86,219,0.08);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0; 
}

.bca-why-card__icon svg { width:17px; height:17px; stroke:var(--bca-primary); fill:none; stroke-width:1.8; }

.bca-why-card:nth-child(2) { border-left-color: var(--tax-relief); }
.bca-why-card:nth-child(3) { border-left-color: var(--bca-secondary); }

.bca-why-card:nth-child(2) .bca-why-card__icon { background: rgba(5, 150, 105, 0.08) }
.bca-why-card:nth-child(3) .bca-why-card__icon { background: rgba(201, 168, 76, 0.1) }

.bca-why-card:nth-child(2) .bca-why-card__icon svg { stroke: var(--tax-relief); }
.bca-why-card:nth-child(3) .bca-why-card__icon svg { stroke: var(--bca-secondary); }

.bca-why-card h4 { 
    font-size: 15px; 
    font-weight: 700; 
    color: var(--bca-dark-navy); 
    margin-bottom: 4px; 
}
.bca-why-card p { font-size: 14px; line-height: 1.65; color: var(--muted); }


/* ── RESPONSIVE ── */
@media (max-width: 1100px) { 
    .bca-svc-grid { grid-template-columns: repeat(3, 1fr); } 
}

@media (max-width: 1024px) {
    .bca-main__inner { grid-template-columns: 1fr; }
    .bca-checklist__list { grid-template-columns: 1fr; }
    .bca-intro__grid { grid-template-columns: 1fr; gap: 0px; }
}

@media (max-width: 768px) { 
    .bca-svc-grid { grid-template-columns: repeat(2, 1fr); }
    .bca-types__grid { grid-template-columns: 1fr; }
    .bca-type-card { min-height: 400px; }
    .bca-cta__inner { flex-direction: column; }
}

@media (max-width: 640px) {
    .bca-cta__inner { flex-direction: column; }
    .bca-checklist__list { grid-template-columns: 1fr; }
    .bca-svc-grid { grid-template-columns: 1fr; gap: 12px; } 
}