.ui-accordion
{
    font-family: var(--font-poppins);
}

.ui-accordion-header
{
    border: 1px solid var(--lighter-gray);
    font-size: 1.06rem;
    font-weight: 700;
    color: var(--light-black);
}

.ui-accordion-header:hover
{
    color: var(--primary-color);
}

.ui-accordion-header.ui-state-default
{
    background-color: white;
}

.ui-accordion-header.ui-state-active
{
    background-color: var(--lighter-gray);
    color: var(--primary-color);
}

.ui-accordion-content
{
    line-height: 1.56;
}

.ui-state-default .ui-icon,
.ui-state-focus .ui-icon
{
    background-image: url(../icons/ui-state-default.svg);
    background-position: unset;
    padding-right: 1.5rem;
}

.ui-accordion-header:not(.ui-state-active):hover .ui-icon
{
    background-image: url(../icons/ui-state-hover.svg);
}

.ui-state-active .ui-icon
{
    background-image: url(../icons/ui-state-active.svg);
}