.financials-hero {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 50vh;
    overflow: hidden;
    background-image: url("https://cdn.propelholdings.com/web/v3/financials-hero.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    color: var(--hero-text);
}
.financials-hero-content {
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-50{
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--hero-text);
}
.financials-report-section{
    min-height:500px;
    margin-bottom:4rem;
    background-image: linear-gradient(#f7f7f7, #ffffff);
}

.disclosures-year-button {
    border: 1px solid var(--color-borders-light);
    background: var(--color-surface);
    color: var(--color-text);
    border-radius: var(--border-radius-pill);
    padding: 0.55rem 1.85rem;
    min-width: 126px;
    box-shadow: none;
    transition: all 0.2s ease;
}

.disclosures-year-button:hover {
    background: var(--color-primary-hover);
    color:var(--color-surface);
}

.disclosures-year-button.is-active,
.disclosures-year-button[aria-pressed="true"] {
    background: var(--color-primary-hover);
    color: var(--color-surface);
    border-color: var(--color-primary-hover);
    
}
#fin-links{
margin: 0px;
    padding: 0px;
}
#fin-links li{
    display:block;
    width:100%;
    margin-bottom:.5rem;
}
#fin-links li a:link,  #fin-links li a:visited, #fin-links a:link,
#fin-links a:visited{
    display:block;
    background-color: var(--color-surface);
    border: 1px solid var(--color-borders-light);
    color: var(--color-text);
    text-decoration: none;
    padding: .4rem .5rem;
    border-radius: var(--border-radius-lg);
    width:100%;
}
#fin-links li a:hover, #fin-links a:hover {
    background-color: var(--color-primary-hover);
    border: 1px solid var(--color-primary-hover);
    color:var(--color-surface);
}