:root {
    --grey:        #64748b;
    --blue-hover:  #1446BB;
    --blue-light:  #3B82F6;
    --gold:        #E8A020;
}

/* Hero section twicked for Home page */
.bca-hero-section {
    min-height: 96vh;
}

.bca-hero-section.home {
    background-position: top;
    background-image: url('/wp-content/uploads/2026/03/Spinnaker_Tower_Portsmouth.png');
}

.bca-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:radial-gradient(circle at 20% 50%, rgb(1 13 43) 0%, rgb(1 13 43 / 75%) 25%, rgb(13 27 62 / 36%) 45%, rgb(13 27 62 / 0%) 60%, rgba(13, 27, 62, 0) 75%), linear-gradient(90deg, rgb(1 13 43) 0%, rgb(13 27 62 / 30%) 40%, rgba(13, 27, 62, 0) 65%);
}

.bca-hero {
    justify-content: center;
}

.bca-hero__overlay {
    /* background: linear-gradient(90deg, rgb(13 27 62) 0%, rgb(13 27 62 / 30%) 45%, rgb(13 27 62 / 0%) 100%)*/
    background: none;
}

.bca-hero__eyebrow span {
    color: rgba(255, 255, 255, 0.55);
}

.bca-hero__title {
    font-size: clamp(38px, 5.0vw, 60px);
    line-height: 1.08;
    letter-spacing: -1.5px;
    margin-bottom: 10px;
}

.bca-hero__text {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 36px;
    max-width: 560px;
    color: rgb(255 255 255 / 80%);
}

.bca-hero__services-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e2e8f02e;
}

.bca-hero__services-label span {
    font-size: 15px;
    font-weight: 700;
    padding-bottom: 5px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: var(--bca-font-heading);
    color: var(--gold);
}

.bca-hero__services {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 8px;
}

.bca-hero__service-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.07);
    text-decoration: none;
    transition: background var(--transition), border-color var(--transition), transform var(--transition);
}

.bca-hero__service-item:hover {
    background: rgba(26, 86, 219, 0.12);
    border-color: rgba(26, 86, 219, 0.3);
    transform: translateX(3px);
}

.bca-hero__service-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--gold);
    flex-shrink: 0;
}

.bca-hero__service-name {
    font-size: 15px;
    font-weight: 700;
    color: var(--white);
    /* line-height: 1.3; */
    flex: 1;
}

.bca-hero__service-arrow svg {
    height: 1.5em;
    padding-left: 5px;
    stroke: white;
    fill: white;
    transition: transform var(--transition);
}

.bca-hero__service-item:hover .bca-hero__service-name {
    color: var(--gold);
}

.bca-hero__service-item:hover > .bca-hero__service-arrow svg {
    stroke: var(--gold);
    fill: var(--gold);
    transform: translateX(4px);
}


.bca-core-svc {
    margin-bottom: 30px;
}

.bca-svc-box--core {
    background: rgba(26, 86, 219, 0.12);
    border: 1px solid rgba(26, 86, 219, 0.25);
    border-left: 3px solid var(--bca-primary);
    justify-content: space-between;
    gap: 12px;
}

.bca-svc-box__inner {
    display: flex;
    align-content: center;
    flex-direction: row;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    justify-items: center;
}

.bca-svc-box__core-label {
    font-family: var(--bca-font-heading);
    font-size: 10px;
    font-weight: 700;
    justify-self: center;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: rgb(255 255 255 / 60%);
    align-self: center;
}

.bca-svc-box__name {
    font-size: 14px;
    color: var(--white);
    font-weight: 600;
    font-family: var(--bca-font-heading);
}

.bca-svc-box__core-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.bca-svc-box__core-desc {
    font-family: var(--bca-font-heading);
    font-size: 13px;
    color: rgb(255 255 255);
    white-space: nowrap;
}

.bca-svc-box__arr {
    width: 14px;
    height: 14px;
    stroke: rgb(255 255 255);
    fill: none;
    stroke-width: 2;
    flex-shrink: 0;
    transition: stroke 0.22s ease, transform 0.22s ease;
}

.bca-svc-box--core:hover .bca-svc-box__arr {
    stroke: var(--white);
    transform: translateX(3px);
}

.bca-svc-box--core:hover .bca-svc-box__core-desc { color: var(--white); }

/* CTA - OFFICE */
.bca-cta.office .bca-cta__image img{
    object-position: top;
    height: 450px;
}


/* ════════════════════════════════════════
    FOR BUSINESSES & INDIVIDUALS
   ════════════════════════════════════════ */
.bca-audience {
    padding: 88px 0;
    background: var(--bca-card-bg);
}

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

.bca-audience-card {
    background: white;
    border: 1px solid var(--bca-dark-border);
    padding: 44px 40px;
    position: relative;
    overflow: hidden;
    transition: box-shadow var(--transition), transform var(--transition);
}

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

.bca-audience-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: var(--bca-primary);
}

.bca-audience-card--individuals::before {
    background: linear-gradient(90deg, var(--bca-primary), var(--gold));
}

.bca-audience-card__icon {
    width: 52px; height: 52px;
    background: rgba(26,86,219,0.08);
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 22px;
}

.bca-audience-card--individuals .bca-audience-card__icon { background: rgba(201, 168, 76, 0.1); } 

.bca-audience-card__icon svg { 
    width:24px; 
    height:24px; 
    stroke:var(--bca-primary); 
    fill:none; 
    stroke-width:1.7; 
}

.bca-audience-card--individuals .bca-audience-card__icon svg,
.bca-audience-card--individuals .bca-audience-card__list li svg { 
    stroke: var(--bca-secondary); 
}

.bca-audience-card h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--bca-dark-navy);
    margin-bottom: 12px;
}

.bca-audience-card p {
    font-size: 15px;
    line-height: 1.75;
    color: var(--bca-text-desc);
    margin-bottom: 28px;
}

.bca-audience-card__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 32px;
}

.bca-audience-card__list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--text);
    margin: 0;
}

.bca-audience-card__list li svg { 
    width:16px; 
    height:16px; 
    stroke:var(--bca-primary); 
    fill:none; 
    stroke-width:2.5; 
    flex-shrink:0; 
}

/* ════════════════════════════════════════
   EXPANDABLE SECTORS
   ════════════════════════════════════════ */
.bca-expand-card {
    padding: 70px 0;
}

.bca-expand-card__accordion {
    display: flex;
    gap: 7px;
    width: 100%;
    height: 460px;
}

.bca-expand-card .accordion-card {
    position: relative;
    flex: 1;
    min-width: 90px;
    overflow: hidden;
    cursor: pointer;
    transition: flex 0.55s ease;
    box-shadow: 0 18px 45px rgba(1, 16, 57, 0.08);
}

.accordion-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1);
    transition: transform 0.45s ease;
}

.accordion-card:hover img {
    transform: scale(1.2);
}

.accordion-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(1, 16, 57, 0.00) 0%,
        rgba(1, 16, 57, 0.00) 45%,
        rgba(1, 16, 57, 0.00) 100%
    );
    transition: background 0.4s ease;
}

.accordion-content {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    z-index: 2;
    color: var(--white);
}

.accordion-content h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--white);
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 0.35s ease, transform 0.45s ease;
}

.accordion-content p {
    margin: 14px 0 18px;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(255,255,255,0.88);
    max-width: 400px;
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 0.35s ease, transform 0.45s ease;
    pointer-events: none;
}

.accordion-content .accordion-card__read-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    background: var(--bca-primary);
    color: var(--white);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    opacity: 0;
    transform: translateY(14px);
    transition: opacity 0.35s ease, transform 0.45s ease;
    pointer-events: none;
}

/* accordion expansion */
.bca-expand-card__accordion:hover .accordion-card {
    flex: 0.9;
}

.bca-expand-card__accordion .accordion-card:hover {
    flex: 3.2;
}

/* overlay on hover */
.bca-expand-card__accordion .accordion-card:hover .accordion-card__overlay {
    background: linear-gradient(
        180deg,
        rgba(1, 16, 57, 0.06) 0%,
        rgba(1, 16, 57, 0.18) 38%,
        rgba(1, 16, 57, 0.92) 100%
    );
}

/* content reveal */
.bca-expand-card__accordion .accordion-card:hover .accordion-content h3 {
    opacity: 1;
    transform: translateY(0);
}

.bca-expand-card__accordion .accordion-card:hover .accordion-content p {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.08s;
}

.bca-expand-card__accordion .accordion-card:hover .accordion-content .accordion-card__read-more {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0.14s;
}

/* responsive */
@media (max-width: 991px) {
    .bca-expand-card__accordion {
        flex-direction: column;
        height: auto;
    }

    .bca-expand-card .accordion-card,
    .bca-expand-card__accordion:hover .accordion-card,
    .bca-expand-card__accordion .accordion-card:hover {
        flex: unset;
        height: 320px;
    }

    .accordion-card__overlay {
        background: linear-gradient(
            180deg,
            rgba(1, 16, 57, 0.06) 0%,
            rgba(1, 16, 57, 0.18) 38%,
            rgba(1, 16, 57, 0.92) 100%
        );
    }

    .accordion-content h3,
    .accordion-content p,
    .accordion-content .accordion-card__read-more {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }
}


/* ════════════════════════════════════════
    WHY CHOOSE BC&A
   ════════════════════════════════════════ */
.bca-why {
    padding: 88px 0;
    background: var(--bca-card-bg);
}

.bca-why__header {
    text-align: center;
    max-width: 580px;
    margin: 0 auto 56px;
}

.bca-why__header .eyebrow { display: block; text-align: center; }
.bca-why__header .eyebrow::before { display: none; }

.bca-why__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.bca-why-card {
    background: var(--white);
    border: 1px solid var(--bca-dark-border);
    padding: 36px 32px;
    position: relative;
    overflow: hidden;
    transition: box-shadow var(--transition), transform var(--transition), border-color var(--transition);
}

.bca-why-card::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 3px;
    background: var(--bca-primary);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform var(--transition);
}

.bca-why-card:hover {
    box-shadow: 0 16px 48px rgba(13,27,62,0.09);
    transform: translateY(-4px);
    border-color: transparent;
}

.bca-why-card:hover::after { transform: scaleX(1); }

.bca-why-card__num {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: rgba(26,86,219,0.3);
    margin-bottom: 20px;
}

.bca-why-card__icon {
    width: 48px; height: 48px;
    background: var(--bca-svg-wrap-primary);
    border-radius: 2px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 18px;
}

.bca-why-card:hover .bca-why-card__icon { background: var(--bca-svg-wrap-primary-hover); }

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

.bca-why-card h4 {
    font-size: 18px;
    font-weight: 700;
    color: var(--bca-dark-navy);
    margin-bottom: 10px;
}

.bca-why-card p { 
    font-size: 14px; 
    line-height: 1.75; 
    color: var(--muted); 
}

/* ════════════════════════════════════════
    SOFTWARE PARTNERS
   ════════════════════════════════════════ */
.bca-software {
    padding: 52px 0;
    background: var(--white);
    border-top: 1px solid var(--bca-dark-border);
    border-bottom: 1px solid var(--bca-dark-border);
}

.bca-software__inner {
    display: flex;
    align-items: center;
    gap: 48px;
    flex-wrap: wrap;
    justify-content: center;
}

.bca-software__label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--muted);
    white-space: nowrap;
}

.bca-software__logos {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
}

.bca-software-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0.45;
    transition: opacity var(--transition);
   filter: grayscale(100%);
}

.bca-software-logo:hover { opacity: 0.85; filter: grayscale(0); }

.bca-software-logo img {
    height: 40px;
    padding: 0 16px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    letter-spacing: -0.3px;
}

/* Individual partner brand colours */
.partner-logo--xero .partner-logo__badge { background: #1AB4D7; color: white; }
.partner-logo--qb .partner-logo__badge { background: #2CA01C; color: white; }
.partner-logo--sage .partner-logo__badge { background: #00D639; color: #00371A; }
.partner-logo--dext .partner-logo__badge { background: #FF5C00; color: white; }
.partner-logo--freeagent .partner-logo__badge { background: #1E4D2B; color: white; font-size:12px; }

.bca-cta.office {
    border-top: none;
    background: var(--bca-card-bg);
}

/* ════════════════════════════════════════
    TESTIMONIALS
   ════════════════════════════════════════ */
.bca-testimonials {
    padding: 80px 0;
    background: var(--white);
}

.bca-testimonials__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.bca-testimonial-card {
    background: var(--bca-card-bg);
    border: 1px solid var(--bca-dark-border);
    border-radius: 8px;
    padding: 36px 32px;
    position: relative;
    transition: box-shadow var(--transition), transform var(--transition);
}

.bca-testimonial-card:hover {
    box-shadow: 0 16px 48px rgba(13,27,62,0.09);
    transform: translateY(-3px);
}

.bca-testimonial-card__quote {
    font-size: 48px;
    line-height: 0.8;
    color: var(--bca-primary);
    font-weight: 800;
    opacity: 0.2;
    margin-bottom: 16px;
}

.bca-testimonial-card__stars {
    display: flex;
    gap: 3px;
    margin-bottom: 16px;
}

.bca-testimonial-card__stars svg { width:15px; height:15px; fill:#F59E0B; stroke:none; }

.bca-testimonial-card p {
    font-size: 15px;
    line-height: 1.75;
    color: var(--text);
    margin-bottom: 24px;
    font-style: italic;
}

.bca-testimonial-card__author {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid var(--bca-dark-border);
}

.bca-testimonial-card__avatar {
    width: 40px; height: 40px;
    border-radius: 50%;
    background: var(--bca-primary);
    display: flex; align-items: center; justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: var(--white);
    flex-shrink: 0;
}

.bca-testimonial-card__name {
    font-size: 14px;
    font-weight: 700;
    color: var(--bca-dark-navy);
}

.bca-testimonial-card__role { font-size: 12px; color: var(--muted); }

/* ════════════════════════════════════════
    SPECIALIST SERVICES
   ════════════════════════════════════════ */
.bca-specialist {
    background: var(--white);
    position: relative;
    padding: 80px 0;
    border-bottom: 1px solid var(--bca-card-bg);
}

.bca-specialist__grid {
    margin: 0 auto;
    padding: 0 20px; 
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.bca-specialist-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: var(--white);
    border: 1px solid var(--bca-dark-border);
    border-left: 4px solid var(--bca-primary);
    padding: 28px 26px 24px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: box-shadow var(--transition), transform var(--transition), border-left-color var(--transition);
}

.bca-specialist-card:hover {
    box-shadow: 0 16px 48px rgba(13,27,62,0.11);
    transform: translateY(-4px);
    border-left-color: var(--bca-dark-navy);
}

/* Unique left border accent colour per card */
.bca-specialist-card:nth-child(1) { border-left-color: var(--general); }
.bca-specialist-card:nth-child(2) { border-left-color: #1A56DB; }
.bca-specialist-card:nth-child(3) { border-left-color: #0891B2; }
.bca-specialist-card:nth-child(4) { border-left-color: var(--tax-relief); }
.bca-specialist-card:nth-child(5) { border-left-color: var(--audit); }

.bca-specialist-card:nth-child(1):hover { border-left-color: var(--general); }
.bca-specialist-card:nth-child(2):hover { border-left-color: #1446BB; }
.bca-specialist-card:nth-child(3):hover { border-left-color: #0E7490; }
.bca-specialist-card:nth-child(4):hover { border-left-color: #047857; }
.bca-specialist-card:nth-child(5):hover { border-left-color: #6D28D9; }

/* Icon colours match border per card */
.bca-specialist-card:nth-child(1) .bca-specialist-card__icon { background: rgba(100,116,139,0.08); }
.bca-specialist-card:nth-child(1) .bca-specialist-card__icon svg { stroke: var(--general); }

.bca-specialist-card:nth-child(2) .bca-specialist-card__icon { background: rgba(26,86,219,0.07); }
.bca-specialist-card:nth-child(2) .bca-specialist-card__icon svg { stroke: #1A56DB; }

.bca-specialist-card:nth-child(3) .bca-specialist-card__icon { background: rgba(8,145,178,0.07); }
.bca-specialist-card:nth-child(3) .bca-specialist-card__icon svg { stroke: #0891B2; }

.bca-specialist-card:nth-child(4) .bca-specialist-card__icon { background: rgba(5,150,105,0.07); }
.bca-specialist-card:nth-child(4) .bca-specialist-card__icon svg { stroke: var(--tax-relief); }

.bca-specialist-card:nth-child(5) .bca-specialist-card__icon { background: rgba(124,58,237,0.07); }
.bca-specialist-card:nth-child(5) .bca-specialist-card__icon svg { stroke: var(--audit); }

/* Icon */
.bca-specialist-card__icon {
    width: 46px; height: 46px;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 18px;
    transition: transform 0.28s ease;
}

.bca-specialist-card:hover .bca-specialist-card__icon {
    transform: scale(1.08);
}

.bca-specialist-card__icon svg {
    width: 21px; height: 21px;
    fill: none; stroke-width: 1.7;
}

/* Label pill */
.bca-specialist-card__pill {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 3px;
    margin-bottom: 10px;
    width: fit-content;
}

.bca-specialist-card:nth-child(1) .bca-specialist-card__pill { background: rgba(26,86,219,0.08); color: var(--general); }
.bca-specialist-card:nth-child(2) .bca-specialist-card__pill { background: rgba(26,86,219,0.08); color: #1A56DB; }
.bca-specialist-card:nth-child(3) .bca-specialist-card__pill { background: rgba(8,145,178,0.08); color: #0891B2; }
.bca-specialist-card:nth-child(4) .bca-specialist-card__pill { background: rgba(5,150,105,0.08); color: var(--tax-relief); }
.bca-specialist-card:nth-child(5) .bca-specialist-card__pill { background: rgba(124,58,237,0.08); color: var(--audit); }

.bca-specialist-card__title {
    font-size: 17px;
    font-weight: 700;
    color: var(--bca-dark-navy);
    line-height: 1.3;
    margin-bottom: 10px;
}

.bca-specialist-card__desc {
    font-size: 14px;
    line-height: 1.7;
    color: var(--muted);
    flex: 1;
    margin-bottom: 22px;
}

.bca-specialist-card__cta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    transition: gap 0.25s ease;
    padding-top: 16px;
    border-top: 1px solid var(--bca-dark-border);
    margin-top: auto;
}

.bca-specialist-card:nth-child(1) .bca-specialist-card__cta { color: var(--general); }
.bca-specialist-card:nth-child(2) .bca-specialist-card__cta { color: #1A56DB; }
.bca-specialist-card:nth-child(3) .bca-specialist-card__cta { color: #0891B2; }
.bca-specialist-card:nth-child(4) .bca-specialist-card__cta { color: var(--tax-relief); }
.bca-specialist-card:nth-child(5) .bca-specialist-card__cta { color: var(--audit); }

.bca-specialist-card:hover .bca-specialist-card__cta { gap: 10px; }

.bca-specialist-card__cta svg {
    width: 13px; height: 13px;
    stroke: currentColor; fill: none; stroke-width: 2.5;
    transition: transform 0.25s ease;
}

.bca-specialist-card:hover .bca-specialist-card__cta svg {
    transform: translateX(3px);
}

.bca-unique-badge {
    position: absolute;
    top: 14px; right: 14px;
    background: #0D1B3E;
    color: var(--white);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 3px 8px 01px 8px;
    border-radius: 1px;
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity 0.28s ease, transform 0.28s ease;
}

.bca-specialist-card:hover .bca-unique-badge {
    opacity: 1;
    transform: translateY(0);
}

/* ════════════════════════════════════════
    NEWS GRID
   ════════════════════════════════════════ */
.bca-news-shortcode {
    padding: 70px 0;
    background: var(--bca-card-bg);
    border-top: 1px solid var(--bca-dark-border);
}

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

@media (max-width: 1024px) {
    .bca-hero__title { letter-spacing: 1px; }
    .bca-audience__grid { grid-template-columns: 1fr; gap: 20px; }
    .bca-why__grid { grid-template-columns: repeat(2, 1fr); }
    .bca-testimonials__grid { grid-template-columns: repeat(2, 1fr); }
    .bca-news__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 878px) {
    .bca-specialist__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .bca-hero__services { grid-template-columns: 1fr; }
    .bca-hero__bottom { display: none; }
}

@media (max-width: 640px) {
    .sectors__grid { grid-template-columns: repeat(2, 1fr); }
    .bca-why__grid { grid-template-columns: 1fr; }
    .bca-testimonials__grid { grid-template-columns: 1fr; }
    .bca-news__grid { grid-template-columns: 1fr; }
}

@media (max-width: 580px) {
    .bca-specialist__grid {
        grid-template-columns: 1fr;
        padding: 0 20px 48px;
    }
}

@media (max-width: 480px){
    .bca-hero-section::before { 
        background: radial-gradient(circle at 20% 50%, rgb(1 13 43) 0%, rgb(1 13 43 / 80%) 25%, rgb(13 27 62 / 70%) 45% 45%, 
        rgb(13 27 62 / 48%) 60%, rgb(13 27 62 / 31%) 75%), linear-gradient(90deg, rgb(1 13 43) 0%, rgb(13 27 62 / 84%) 40%,
        rgb(13 27 62 / 11%) 65%)
    }
}

@media (max-width: 438px) {
    .bca-hero__services-label::before {
        content: none;
    }
}