/* =========================================
   PER-PAGE HERO IMAGES (course, service, about, blog, contact)
   Each page's <section class="cca-hero-banner hero-<slug>"> picks its image below.
   To change an image: replace images/heroes/<slug>.jpg (1400 x 560 px) - no code change needed.
   Paths are relative to this css file, so they work in any folder name.
========================================= */

.cca-hero-banner {
    --hero-ov: linear-gradient(90deg, rgba(4,35,65,.90) 0%, rgba(4,48,85,.60) 55%, rgba(4,48,85,.22) 100%);
}

/* Phones and tablets: text covers the whole banner, so use a lighter top-to-bottom overlay and the image stays visible */
@media (max-width: 768px) {
    .cca-hero-banner {
        --hero-ov: linear-gradient(180deg, rgba(4,35,65,.50) 0%, rgba(4,35,65,.82) 100%);
        background-position: center;
    }
}

.hero-about { background-image: var(--hero-ov), url("../images/heroes/about.jpg"); }
.hero-accounts-finalisation-course { background-image: var(--hero-ov), url("../images/heroes/accounts-finalisation-course.jpg"); }
.hero-accounts-gst-practitioner { background-image: var(--hero-ov), url("../images/heroes/accounts-gst-practitioner.jpg"); }
.hero-advanced-tax-practitioner-course { background-image: var(--hero-ov), url("../images/heroes/advanced-tax-practitioner-course.jpg"); }
.hero-bank-projection-ratio-analysis-course { background-image: var(--hero-ov), url("../images/heroes/bank-projection-ratio-analysis-course.jpg"); }
.hero-blog { background-image: var(--hero-ov), url("../images/heroes/blog.jpg"); }
.hero-business-registration-course { background-image: var(--hero-ov), url("../images/heroes/business-registration-course.jpg"); }
.hero-certified-tax-professional { background-image: var(--hero-ov), url("../images/heroes/certified-tax-professional.jpg"); }
.hero-company-registration-course { background-image: var(--hero-ov), url("../images/heroes/company-registration-course.jpg"); }
.hero-contact { background-image: var(--hero-ov), url("../images/heroes/contact.jpg"); }
.hero-corporate-training { background-image: var(--hero-ov), url("../images/heroes/corporate-training.jpg"); }
.hero-advanced-diploma-in-accounting { background-image: var(--hero-ov), url("../images/heroes/accounts-finalisation-course.jpg"); }
.hero-diploma-in-direct-indirect-tax { background-image: var(--hero-ov), url("../images/heroes/diploma-in-direct-indirect-tax.jpg"); }
.hero-diploma-in-direct-tax { background-image: var(--hero-ov), url("../images/heroes/diploma-in-direct-tax.jpg"); }
.hero-diploma-in-indirect-tax { background-image: var(--hero-ov), url("../images/heroes/diploma-in-indirect-tax.jpg"); }
.hero-employer-recruitment { background-image: var(--hero-ov), url("../images/heroes/employer-recruitment.jpg"); }
.hero-gst-health-check { background-image: var(--hero-ov), url("../images/heroes/gst-health-check.jpg"); }
.hero-gst-practitioner-course { background-image: var(--hero-ov), url("../images/heroes/gst-practitioner-course.jpg"); }
.hero-gst-return-filing { background-image: var(--hero-ov), url("../images/heroes/gst-return-filing.jpg"); }
.hero-gst-tally-course { background-image: var(--hero-ov), url("../images/heroes/gst-tally-course.jpg"); }
.hero-income-tax-health-check { background-image: var(--hero-ov), url("../images/heroes/income-tax-health-check.jpg"); }
.hero-income-tax-practitioner-course { background-image: var(--hero-ov), url("../images/heroes/income-tax-practitioner-course.jpg"); }
.hero-income-tax-return-filing { background-image: var(--hero-ov), url("../images/heroes/income-tax-return-filing.jpg"); }
.hero-junior-accountant-course { background-image: var(--hero-ov), url("../images/heroes/junior-accountant-course.jpg"); }
.hero-ngo-registration-course { background-image: var(--hero-ov), url("../images/heroes/ngo-registration-course.jpg"); }
.hero-placement-services { background-image: var(--hero-ov), url("../images/heroes/placement-services.jpg"); }
.hero-senior-accountant-course { background-image: var(--hero-ov), url("../images/heroes/senior-accountant-course.jpg"); }
.hero-start-your-tax-office { background-image: var(--hero-ov), url("../images/heroes/start-your-tax-office.jpg"); }
.hero-student-internship { background-image: var(--hero-ov), url("../images/heroes/student-internship.jpg"); }
.hero-tax-audit-filing { background-image: var(--hero-ov), url("../images/heroes/tax-audit-filing.jpg"); }
.hero-tax-payroll-compliance-course { background-image: var(--hero-ov), url("../images/heroes/tax-payroll-compliance-course.jpg"); }
.hero-upload-your-resume { background-image: var(--hero-ov), url("../images/heroes/upload-your-resume.jpg"); }