/* ==========================================================
   GLOBAL TOGGLE
========================================================== */

/* change toggle icon to arrow */
.toggle-arrow .oxy-expand-collapse-icon {
    display: flex;
    width: auto;
    height: auto;
    background: transparent;
}

.toggle-arrow .oxy-expand-collapse-icon::before,
.toggle-arrow .oxy-expand-collapse-icon::after {
    position: static;
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: transparent;
}

.toggle-arrow .oxy-expand-collapse-icon::before {
    content: '';
    position: static;
    top: auto;
    width: 32px;
    height: 32px;
    transform: rotate(0deg);
}

/* hide expand-collapse-icon */
.no-expand-collapse-icon .oxy-expand-collapse-icon {
    display: none;
}

/* faq toggle closed */
.faq__toggle {
    flex-direction: row-reverse;
}

.faq__toggle .oxy-expand-collapse-icon {
    margin-right: 0.5rem;
}

.faq__toggle .oxy-expand-collapse-icon,
.faq__toggle .oxy-expand-collapse-icon.oxy-eci-collapsed {
    width: 5rem;
    height: 5rem;
}

.faq__toggle .oxy-expand-collapse-icon::before,
.faq__toggle .oxy-expand-collapse-icon::after,
.faq__toggle .oxy-expand-collapse-icon.oxy-eci-collapsed::before,
.faq__toggle .oxy-expand-collapse-icon.oxy-eci-collapsed::after {
    top: 1.3em;
    left: 0.9em;
    height: 0.12em;
}