.page-title {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: var(--space-lg);
    background-color: var(--gray);
}

.page-hero-section {
    background-color: var(--gray);
    padding-block: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.colored-text {
    color: var(--helperColor);
    border-bottom: 2px dotted var(--helperColor);
}