/* Ensure the main area fills the screen minus header height */
.page-content {
    display: flex;
    flex-direction: column;
    padding-top: var(--header-height, 100px);
    /* Adjust based on your actual header height */
    min-height: calc(100dvh - var(--header-height, 100px));
    box-sizing: border-box;
}

/* Center the Page Title Section */
.page-header {
    width: 100%;
    padding: 40px 20px;
    text-align: center;
}

.page-title {
    font-size: clamp(2rem, 5vw, 3.5rem);
    /* Responsive font sizing */
    font-weight: 700;
    margin: 0;
    color: var(--primary-text-color, #2d2d2d);
    text-transform: capitalize;
}