.page-qa h2 {
    margin-bottom: 30px
}

.view-qa__wrapper {
    margin-bottom: 1px
}

.view-qa__wrapper summary {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--white);
    cursor: pointer;
    box-sizing: border-box;
    background-color: var(--blue);
    list-style-type: none;
    font-size: clamp(16px, 1vw + .65rem, 20px);
    font-weight: 300;
    line-height: 1.1;
    padding: 16.5px 15px;
    transition: background-color .3s ease;
    border: 1px solid var(--blue);
}

.view-qa__wrapper summary:hover {
    background-color: var(--blue);
    color: var(--white);
}

.view-qa__wrapper[open=""] summary,
.view-qa__wrapper[open=open] summary {
    background-color: var(--white);
    color: var(--black);
}

.view-qa__wrapper summary a {
    margin-right: 10px;
    text-indent: -9999px;
    background: url(../icons/edit.png) no-repeat center/100% auto;
    display: block;
    width: 20px;
    height: 20px
}

.view-qa__wrapper .summary-title {
    padding-right: 10px
}

.view-qa__wrapper .summary-title+div {
    display: flex;
    align-items: center
}

.view-qa__wrapper .details-wrapper {
    box-sizing: border-box;
    color: var(--grey-text);
    padding: 16.5px 15px;
    font-size: clamp(14.5px, 1vw + .65rem, 17px);
    font-weight: 300;
    line-height: normal;
}

.view-qa__wrapper .details-wrapper p {
    margin: 0;
    padding: 0
}

.view-qa__wrapper .closed .vertical {
    transition: all .5s ease-in-out;
    transform: rotate(-90deg)
}

.view-qa__wrapper .closed .horizontal {
    transition: all .5s ease-in-out;
    transform: rotate(-90deg);
    opacity: 1
}

.view-qa__wrapper[open=""], .view-qa__wrapper[open=open] {
    opacity: 1
}

.view-qa__wrapper[open=""] .vertical, .view-qa__wrapper[open=open] .vertical {
    transition: all .5s ease-in-out;
    transform: rotate(90deg)
}

.view-qa__wrapper[open=""] .horizontal, .view-qa__wrapper[open=open] .horizontal {
    transition: all .5s ease-in-out;
    transform: rotate(90deg);
    opacity: 0
}

.view-qa__wrapper .circle-plus {
    display: flex;
    align-items: center;
    justify-content: center
}

.view-qa__wrapper .circle-plus .circle {
    position: relative;
    width: 18px;
    height: 18px
}

.view-qa__wrapper .circle-plus .circle .horizontal {
    position: absolute;
    background-color: var(--white);
    width: 18px;
    height: 2px;
    left: 50%;
    margin-left: -9px;
    top: 50%;
    margin-top: -1px
}

.view-qa__wrapper .circle-plus .circle .vertical {
    position: absolute;
    background-color: var(--white);
    width: 2px;
    height: 18px;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -9px
}

.view-qa__wrapper .ckeditor-accordion-container dl {
    margin-bottom: 0;
    margin-top: 0;
    border-bottom: none
}

.view-qa__wrapper .ckeditor-accordion-container>dl dt {
    border-bottom: none
}

.view-qa__wrapper .ckeditor-accordion-toggler {
    background-color: #fff !important;
    color: #212529 !important
}

.view-qa__wrapper .ckeditor-accordion-toggler:hover {
    background-color: #00adee;
    color: #fff !important
}

.view-qa__wrapper .active .ckeditor-accordion-toggler {
    background-color: #00adee;
    color: #fff !important
}

.page-qa__qa>div>div:last-child dt {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.page-qa__qa .ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle::before {
    background: url(/sites/default/files/images/contacts/arrow-down.svg) no-repeat;
    transform: rotate(0)
}

.page-qa__qa .ckeditor-accordion-container>dl dt.active>a>.ckeditor-accordion-toggle::before {
    background: url(/sites/default/files/images/contacts/arrow-down.svg) no-repeat;
    transform: rotate(180deg);
    top: -7px
}