.ui-corner-top {
    border-radius: 0;
}

.ui-accordion .ui-accordion-header {
    padding:1rem;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: none;
    background: #31B0CD;
    font-weight: normal;
    color: #ffffff;
}

.ui-widget-content {
    border: 1px solid #31B0CD;
    background: #ffffff;
    color: #333333;
}

.ui-accordion .ui-accordion-header {
    margin-top: 1rem;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background: #31B0CD;
    font-weight: normal;
    color: #ffffff;
}

.accordion-has-error {
    background-color: #dc3545;
}

.accordion-title {
    color: #31B0CD;
    justify-content: space-between !important;
    display: flex !important;
    align-items: center !important;
    font-family: inherit;
    font-size: 24px;
    height: 70px;
}

.accordion-button svg {
    transition: transform 0.15s ease-in-out;
}

.accordion-button:not(.collapsed) svg {
    transform: rotate(180deg);
}