body {
    font-family: 'Poppins', sans-serif;
}

h1 {
    color: var(--Primary);
    font-size: 24px;
    font-weight: bold;
}

h2 {
    font-size: 22px;
    font-weight: bold;
}

h3 {
    font-size: 20px;
    font-weight: bold;
}

.primary-color {
    color: var(--Primary);
}

p {
    font-size: 18px;
    color: var(--BodyText);
    margin-bottom: 0;
    font-weight: 400;
}

/* Colors */
:root {
    --Background: #ffffff;
    --Primary: #005C4E;
    --Tertiary: #006175;
    --Secondary: #98393E;
    --MidBlue: #252733;
    --LightBlue: #545763;
    --Black: #000000;
    --LightBlack: #575757;
    --BodyText: #333333;
    --NavText: #4D4D4D;
    --WhiteSmoke: #F2F2F2;
    --Timberwolf: #CFCFCF;
}

.custom-pagination .page-link {
    color: var(--Primary); /* Use your site's primary color */
    background-color: var(--Background); /* Use your site's background color */
    border-color: var(--Tertiary); /* Use your site's tertiary color */
}

.custom-pagination .page-item.active .page-link {
    color: var(--WhiteSmoke); /* Use a contrasting color for active text */
    background-color: var(--Primary); /* Use your site's primary color for active background */
    border-color: var(--Primary); /* Use your site's primary color for active border */
}

.custom-pagination .page-item.disabled .page-link {
    color: var(--LightBlack); /* Use a lighter color for disabled text */
    background-color: var(--Background); /* Use your site's background color for disabled background */
    border-color: var(--Timberwolf); /* Use a neutral color for disabled border */
}

/*Override theme styles*/
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color: var(--Primary);
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection, .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgb(124 179 51 / 25%);
}