/**
 * Hero Section Consistency Overrides
 * This file standardizes the padding for all hero sections across the website
 */

.hero,
.about-hero, 
.services-hero,
.courses-hero,
.ebooks-hero,
.contact-hero,
.service-detail-hero {
    padding: 150px 0 !important;
    position: relative;
}

/* Ensure correct positioning of overlay */
.hero > div:first-of-type,
.about-hero > div:first-of-type,
.services-hero > div:first-of-type,
.courses-hero > div:first-of-type,
.ebooks-hero > div:first-of-type,
.contact-hero > div:first-of-type,
.service-detail-hero > div:first-of-type {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

/* Ensure correct z-index for content container */
.hero > .container,
.about-hero > .container,
.services-hero > .container,
.courses-hero > .container,
.ebooks-hero > .container,
.contact-hero > .container,
.service-detail-hero > .container {
    position: relative;
    z-index: 2;
}