.about-hero, .contact-hero {
    position: relative;
    background: linear-gradient(to bottom, rgba(59, 130, 246, 0.05), rgba(59, 130, 246, 0.1));
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4rem 0;
    position: relative;
    overflow: hidden;
}

.about-hero .container, .contact-hero .container {
    position: relative;
    z-index: 10;
    max-width: 800px;
    margin: 0 auto;
}

.about-hero h1, .contact-hero h1 {
    margin-bottom: 1rem;
    position: relative;
    color: #1a1a1a;
}

.about-hero p, .contact-hero p {
    color: #4b5563;
}

/* Remove the animated effect since we're matching the homepage style */
.about-hero::before, .contact-hero::before {
    display: none;
}

@keyframes shimmer {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}