/* Strongest override for hero-section background and overlay on Legal page */
.legal-page .hero-section,
.legal-page .hero-section::after {
    background: none !important;
    background-image: none !important;
    content: none !important;
    box-shadow: none !important;
}
.legal-page .hero-section {
    min-height: 120px;
    max-height: none !important;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: visible !important;
}
.legal-page .hero-text {
    z-index: 2;
    width: 100%;
}
.legal-page .hero-section h1 {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 10px;
    color: #fff;
}
.legal-page .hero-section p {
    font-size: 1.05rem;
    margin-bottom: 0;
    color: #fff;
}