/* assets/css/style.css */

/* Add any custom CSS rules here that are not handled by Tailwind or need to override Tailwind */

/* Example: A potential class for the red overlay on the hero image */
.hero-overlay {
    position: relative;
}

.hero-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* Reduced opacity from 0.7 to 0.5 */
    background-color: rgba(237, 27, 36, 0.5); /* Primary color with 50% opacity */
    z-index: 1; /* Ensure overlay is above the image but below text */
}

/* Ensure content is above the overlay */
.hero-overlay > * {
    position: relative;
    z-index: 2;
}

/* Removed custom-header-height rule */
/* .custom-header-height {
    height: 100px;
} */

/* Removed header padding adjustment */
/* .custom-header-height .container {
    padding-top: 1rem;
    padding-bottom: 1rem;
} */

/* Style for partner logos if needed, though Tailwind classes are used in HTML */
/* .partner-logo {
    max-height: 50px; /* Example max height */
/* width: auto;
} */