/* Styles specific to the About page */
.about-section {
    padding: 50px 0; /* Standard section padding */
    background-color: var(--text-white); /* White background for the content */
}

.about-heading {
    text-align: center;
    font-size: 2.5em; /* Adjust as needed */
    color: var(--header-bg-color); /* Use your primary dark color */
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 10px; /* Space for a subtle underline if desired */
    position: relative;
}

/* Optional: Add a subtle underline effect to the heading */
.about-heading::after {
    content: '';
    display: block;
    width: 80px; /* Width of the underline */
    height: 4px; /* Thickness of the underline */
    background-color: var(--accent-yellow);
    margin: 10px auto 0 auto; /* Center the underline */
    border-radius: 2px;
}

.about-section p {
    font-size: 1.1em;
    line-height: 1.8;
    color: var(--dark-text);
    margin-bottom: 1em; /* Space between paragraphs */
}

/* Responsive adjustments for About page */
@media (max-width: 768px) {
    .about-section{
        padding: 0 15px;
    }

    .about-heading {
        font-size: 2em;
    }
    .about-section p {
        font-size: 1em;
    }
}