.term-real-estate {
    --color-primary-light: #b7d33d;
    --color-primary: #b5d135;
}

.term-rental {
    --color-primary-light: #2ca6df;
    --color-primary: #2ca6df;
}

.achievement {
    --color-primary-light: var(--color-orange);
    --color-primary: var(--color-orange);
}

:where(.sectionTitle__en) {
    background: linear-gradient(to right, var(--color-primary-light) 0%, var(--color-primary) 50%, var(--color-primary) 100%);
    background-clip: text;
    color: transparent;
    font-size: 48px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.2;
    -webkit-text-fill-color: transparent;
}

.archive__container {
    padding-bottom: calc(var(--spacing-4xl) + 20px);
    padding-top: calc(var(--spacing-4xl) + 20px);
}

.contact__title {
    font-size: 35px;
}

/* Pagination Styles */
.paginationContainer {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-2xl);
}

.paginationContainer .page-numbers {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
}

.paginationContainer a.page-numbers,
.paginationContainer span.page-numbers {
    align-items: center;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    min-width: 40px;
    padding: 8px 12px;
    text-decoration: none;
    transition: all var(--transition-duration);
}

.paginationContainer a.page-numbers:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-text-white);
}

.paginationContainer .page-numbers.current {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-text-white);
}

.paginationContainer .page-numbers .prev,
.paginationContainer .page-numbers .next {
    font-size: 12px;
    padding-inline: 16px;
}

@media (max-width: 768px) {
    :where(.sectionTitle__en) {
        font-size: 40px;
    }

    .paginationContainer .page-numbers a,
    .paginationContainer .page-numbers span {
        font-size: 12px;
        height: 32px;
        min-width: 32px;
    }
}