/* Shared ITR-5 hero height for audit service pages. */
/* Keep audit section headings and badges consistent across every audit page. */
html body.itr-page main [class$="-head"] h2 {
    font-size: 28px !important;
}

html body.itr-page main [class$="-badge"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #e8f0ea !important;
    color: #2f8d57 !important;
    font-size: 0 !important;
}

html body.itr-page main [class$="-badge"] strong {
    font-size: 14px !important;
    line-height: 1 !important;
    color: #2a7f4e !important;
}

html body.itr-page main [class$="-badge"]::before,
html body.itr-page main [class$="-badge"]::after {
    content: none !important;
    display: none !important;
}

html body.taxaudit-page main .taxaudit-hero,
html body.statutory-page main .statutory-hero,
html body.internal-page main .internal-hero,
html body.gst-audit-page main .gst-audit-hero,
html body.stock-audit-page main .stock-hero,
html body.bank-audit-page main .bank-hero,
html body.concurrent-page main .concurrent-hero,
html body.forensic-page main .forensic-hero,
html body.management-page main .management-hero,
html body.diligence-page main .diligence-hero,
html body.csr-page main .csr-hero,
html body.rera-page main .rera-hero {
    min-height: 371px !important;
    height: auto !important;
}

/* The audit heroes are nested inside their desktop shell; fill that shell so
   their left and right edges align exactly with the following sections. */
html body.stock-audit-page main .stock-hero,
html body.bank-audit-page main .bank-hero,
html body.concurrent-page main .concurrent-hero,
html body.forensic-page main .forensic-hero,
html body.management-page main .management-hero,
html body.diligence-page main .diligence-hero,
html body.csr-page main .csr-hero,
html body.rera-page main .rera-hero {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.audit-hero-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #d8ac37;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

html body.taxaudit-page main .taxaudit-hero-inner::before { content: "TAX AUDIT STANDARDS"; }
html body.statutory-page main .statutory-hero-inner::before { content: "STATUTORY AUDIT STANDARDS"; }
html body.internal-page main .internal-hero-inner::before { content: "INTERNAL AUDIT STANDARDS"; }
html body.gst-audit-page main .gst-audit-hero-inner::before { content: "GST AUDIT STANDARDS"; }
html body.stock-audit-page main .stock-hero-inner::before { content: "STOCK AUDIT STANDARDS"; }
html body.bank-audit-page main .bank-hero-inner::before { content: "BANK AUDIT STANDARDS"; }
html body.concurrent-page main .concurrent-hero-inner::before { content: "CONCURRENT AUDIT STANDARDS"; }
html body.forensic-page main .forensic-hero-inner::before { content: "FORENSIC AUDIT STANDARDS"; }
html body.management-page main .management-hero-inner::before { content: "MANAGEMENT AUDIT STANDARDS"; }
html body.diligence-page main .diligence-hero-inner::before { content: "DUE DILIGENCE AUDIT STANDARDS"; }
html body.csr-page main .csr-hero-inner::before { content: "CSR AUDIT STANDARDS"; }
html body.rera-page main .rera-hero-inner::before { content: "RERA AUDIT STANDARDS"; }

html body.taxaudit-page main .taxaudit-hero-inner::before,
html body.statutory-page main .statutory-hero-inner::before,
html body.internal-page main .internal-hero-inner::before,
html body.gst-audit-page main .gst-audit-hero-inner::before,
html body.stock-audit-page main .stock-hero-inner::before,
html body.bank-audit-page main .bank-hero-inner::before,
html body.concurrent-page main .concurrent-hero-inner::before,
html body.forensic-page main .forensic-hero-inner::before,
html body.management-page main .management-hero-inner::before,
html body.diligence-page main .diligence-hero-inner::before,
html body.csr-page main .csr-hero-inner::before,
html body.rera-page main .rera-hero-inner::before {
    margin: 0 auto 24px;
}

html body.taxaudit-page main .taxaudit-hero-inner::before,
html body.statutory-page main .statutory-hero-inner::before,
html body.internal-page main .internal-hero-inner::before,
html body.gst-audit-page main .gst-audit-hero-inner::before,
html body.stock-audit-page main .stock-hero-inner::before,
html body.bank-audit-page main .bank-hero-inner::before,
html body.concurrent-page main .concurrent-hero-inner::before,
html body.forensic-page main .forensic-hero-inner::before,
html body.management-page main .management-hero-inner::before,
html body.diligence-page main .diligence-hero-inner::before,
html body.csr-page main .csr-hero-inner::before,
html body.rera-page main .rera-hero-inner::before {
    box-sizing: border-box;
    display: table;
    width: max-content;
    max-width: calc(100% - 4px);
    padding: 6px 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #d8ac37;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 720px) {
    html body.taxaudit-page main .taxaudit-hero,
    html body.statutory-page main .statutory-hero,
    html body.internal-page main .internal-hero,
    html body.gst-audit-page main .gst-audit-hero,
    html body.stock-audit-page main .stock-hero,
    html body.bank-audit-page main .bank-hero,
    html body.concurrent-page main .concurrent-hero,
    html body.forensic-page main .forensic-hero,
    html body.management-page main .management-hero,
    html body.diligence-page main .diligence-hero,
    html body.csr-page main .csr-hero,
    html body.rera-page main .rera-hero {
        min-height: 0 !important;
    }
}

/* Keep the longer Statutory Audit standards pill inside its hero on phones
   and tablets. Laptop and desktop typography remains unchanged. */
@media (max-width: 1100px) {
    html body.statutory-page main .statutory-hero-inner::before {
        box-sizing: border-box;
        max-width: calc(100% - 4px);
        padding-right: clamp(10px, 2.6vw, 18px);
        padding-left: clamp(10px, 2.6vw, 18px);
        font-size: clamp(8.5px, 2.6vw, 12px);
        letter-spacing: clamp(0.04em, 0.22vw, 0.1em);
        line-height: 1.25;
        white-space: nowrap;
    }
}

/* Keep the Forensic Audit standards pill centered and fully contained. */
html body.forensic-page main .forensic-hero-inner::before {
    box-sizing: border-box;
    width: max-content;
    max-width: calc(100% - 4px);
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center;
}

@media (max-width: 1100px) {
    html body.forensic-page main .forensic-hero-inner::before {
        padding-right: clamp(10px, 2.6vw, 18px);
        padding-left: clamp(10px, 2.6vw, 18px);
        font-size: clamp(8.5px, 2.6vw, 12px);
        letter-spacing: clamp(0.04em, 0.22vw, 0.1em);
        line-height: 1.25;
        white-space: nowrap;
    }
}

/* Accounting pages use the same ITR-5 hero height and compliance-pill treatment. */
html body.bookkeeping-page main .bookkeeping-hero,
html body.books-page main .books-hero,
html body.reconciliation-page main .reconciliation-hero,
html body.ar-page main .ar-hero,
html body.payroll-page main .payroll-hero,
html body.financial-page main .financial-hero,
html body.inventory-page main .inventory-hero,
html body.cfo-page main .cfo-hero,
html body.mis-page main .mis-hero,
html body.yearend-page main .yearend-hero {
    width: min(1620px, calc(100% - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-height: 371px !important;
    height: auto !important;
}

@media (max-width: 720px) {
    html body.bookkeeping-page main .bookkeeping-hero,
    html body.books-page main .books-hero,
    html body.reconciliation-page main .reconciliation-hero,
    html body.ar-page main .ar-hero,
    html body.payroll-page main .payroll-hero,
    html body.financial-page main .financial-hero,
    html body.inventory-page main .inventory-hero,
    html body.cfo-page main .cfo-hero,
    html body.mis-page main .mis-hero,
    html body.yearend-page main .yearend-hero {
        width: calc(100% - 24px) !important;
    }
}

/* Accounting hero width matches each page's desktop shell/content width. */
html body.bookkeeping-page main .bookkeeping-hero,
html body.books-page main .books-hero,
html body.reconciliation-page main .reconciliation-hero,
html body.ar-page main .ar-hero,
html body.payroll-page main .payroll-hero,
html body.financial-page main .financial-hero,
html body.inventory-page main .inventory-hero,
html body.cfo-page main .cfo-hero,
html body.mis-page main .mis-hero,
html body.yearend-page main .yearend-hero {
    width: min(1620px, calc(100% - 48px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Heroes are nested inside each accounting shell; fill that shell exactly. */
html body.bookkeeping-page main .bookkeeping-hero,
html body.books-page main .books-hero,
html body.reconciliation-page main .reconciliation-hero,
html body.ar-page main .ar-hero,
html body.payroll-page main .payroll-hero,
html body.financial-page main .financial-hero,
html body.inventory-page main .inventory-hero,
html body.cfo-page main .cfo-hero,
html body.mis-page main .mis-hero,
html body.yearend-page main .yearend-hero {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 720px) {
    html body.bookkeeping-page main .bookkeeping-hero,
    html body.books-page main .books-hero,
    html body.reconciliation-page main .reconciliation-hero,
    html body.ar-page main .ar-hero,
    html body.payroll-page main .payroll-hero,
    html body.financial-page main .financial-hero,
    html body.inventory-page main .inventory-hero,
    html body.cfo-page main .cfo-hero,
    html body.mis-page main .mis-hero,
    html body.yearend-page main .yearend-hero {
        width: 100% !important;
    }
}

html body.bookkeeping-page main .bookkeeping-hero-inner::before { content: "MONTHLY BOOKKEEPING STANDARDS"; }
html body.books-page main .books-hero-inner::before { content: "ACCOUNTING STANDARDS"; }
html body.reconciliation-page main .reconciliation-hero-inner::before { content: "BANK RECONCILIATION STANDARDS"; }
html body.ar-page main .ar-hero-inner::before { content: "ACCOUNTS MANAGEMENT STANDARDS"; }
html body.payroll-page main .payroll-hero-inner::before { content: "PAYROLL PROCESSING STANDARDS"; }
html body.financial-page main .financial-hero-inner::before { content: "FINANCIAL REPORTING STANDARDS"; }
html body.inventory-page main .inventory-hero-inner::before { content: "INVENTORY ACCOUNTING STANDARDS"; }
html body.cfo-page main .cfo-hero-inner::before { content: "VIRTUAL CFO STANDARDS"; }
html body.mis-page main .mis-hero-inner::before { content: "MIS REPORTING STANDARDS"; }
html body.yearend-page main .yearend-hero-inner::before { content: "YEAR-END CLOSING STANDARDS"; }

html body.bookkeeping-page main .bookkeeping-hero-inner::before,
html body.books-page main .books-hero-inner::before,
html body.reconciliation-page main .reconciliation-hero-inner::before,
html body.ar-page main .ar-hero-inner::before,
html body.payroll-page main .payroll-hero-inner::before,
html body.financial-page main .financial-hero-inner::before,
html body.inventory-page main .inventory-hero-inner::before,
html body.cfo-page main .cfo-hero-inner::before,
html body.mis-page main .mis-hero-inner::before,
html body.yearend-page main .yearend-hero-inner::before {
    box-sizing: border-box;
    display: table;
    width: max-content;
    max-width: calc(100% - 4px);
    margin: 0 auto 24px;
    padding: 6px 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: #d8ac37;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 720px) {
    html body.bookkeeping-page main .bookkeeping-hero,
    html body.books-page main .books-hero,
    html body.reconciliation-page main .reconciliation-hero,
    html body.ar-page main .ar-hero,
    html body.payroll-page main .payroll-hero,
    html body.financial-page main .financial-hero,
    html body.inventory-page main .inventory-hero,
    html body.cfo-page main .cfo-hero,
    html body.mis-page main .mis-hero,
    html body.yearend-page main .yearend-hero { min-height: 0 !important; }
}