.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0
}

.clearfix:after {
    clear: both
}

.moduletable.accordion-ifaq {
    margin-top: 2rem;
}

.ifaq-collapsible {
    cursor: pointer;
    background-color: var(--white);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.ifaq-collapsible.collapse-open {
    background-color: var(--body-sw-color);
}

.ifaq-collapsible.collapse-open h3.ifaq-item-header {
    color: var(--white);
}

h3.ifaq-item-header {
    color: var(--body-color);
    text-align: left;
    padding: 14px 12px;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 40px;
    transition: 0.25s all;
    position: relative;
    -webkit-transition: 0.25s all;
    -moz-transition: 0.25s all;
    -ms-transition: 0.25s all;
    -o-transition: 0.25s all;
}

.ifaq-panel {
    margin: 0;
    padding: 30px;
    background-color: var(--white);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.ifaq-tpl-cnt .collapse-close {
    background-color: var(--white);
}

.ifaq-tpl-cnt .collapse-close:hover {
    background-color: #ffcea8;
}

.ifaq-tpl-cnt .ifaq-collapsible:before {
    position: absolute
}

.ifaq-tpl-cnt .ifaq-collapsible>a {
    display: flex;
    padding: 0 0 0 1rem;
    align-items: center;
    margin-bottom: 1rem;
    position: relative;
}

.ifaq-tpl-cnt .collapse-open>a::before,
.ifaq-tpl-cnt .collapse-close>a::before {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
}

.ifaq-tpl-cnt .collapse-close>a::before {
    mask: url(/images/icon/circle-plus-sharp-light.svg) no-repeat center;
    background-color: var(--body-sw-color);
    mask-size: 1.6rem;
}

.ifaq-tpl-cnt .collapse-open>a::before {
    mask: url(/images/icon/circle-minus-sharp-light.svg) no-repeat center;
    background-color: var(--white);
    mask-size: 1.6rem;
}

.ifaq-tpl-cnt .collapse-open>a::after {
    content: '';
    position: absolute;
    left: 25px;
    top: 55px;
    width: 0;
    height: 0;
    border-left: 7.5px solid transparent;
    border-right: 7.5px solid transparent;
    border-top: 13px solid var(--body-sw-color);
}

.ifaq-tpl-cnt .ifaq-container-open {
    position: relative;
}

.ifaq-tpl-cnt .collapse-open .ifaq-item-header {
    position: relative;
}


/**
Category Styling
*/

.ifaq-cat-collapsible.cat-collapse-open .ifaq-category-title:after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.ifaq-cat-collapsible.cat-collapse-open .ifaq-category-title, .ifaq-cat-collapsible .ifaq-category-title:hover {
    text-decoration: underline;
}

.ifaq-cat-collapsible .ifaq-category-title {
    font-size: 16px;
    position: relative;
    line-height: 33px;
    padding: 13px 20px;
    border: solid 1px #d5cfc4;
    margin: 0;
}

.ifaq-cat-collapsible .ifaq-category-title:after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: inline-block;
    height: 11px;
    position: absolute;
    right: 6px;
    -webkit-transform: rotate(45deg) translateY(50%);
    -moz-transform: rotate(45deg) translateY(50%);
    -ms-transform: rotate(45deg) translateY(50%);
    -o-transform: rotate(45deg) translateY(50%);
    transform: rotate(45deg) translateY(50%);
    transition: transform 500ms;
    vertical-align: top;
    width: 11px;
    margin-top: -13px;
    top: 50%;
    right: 30px;
    -webkit-transition: transform 500ms;
    -moz-transition: transform 500ms;
    -ms-transition: transform 500ms;
    -o-transition: transform 500ms;
}

@media (max-width: 575.98px) {
    .ifaq-tpl-cnt .ifaq-collapsible>a {
        display: grid;
        grid-template-columns: 2rem auto;
    }

    h3.ifaq-item-header {
        padding: 10px 0 10px 0;
    }

    .ifaq-tpl-cnt .collapse-open>a::before, .ifaq-tpl-cnt .collapse-close>a::before {
        width: 2rem;
    }
    .moduletable.accordion-ifaq.col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
}