.collapse-items,
.collapse-item,
.collapse-item-head,
.collapse-item-body {
    position: relative;
}

.collapse-item-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer;
}

.collapse-item-head>.question {
    min-width: 0;
    /* font-size: var(--customize-h4-font-size);
    line-height: var(--customize-h4-line-height); */
    font-weight: 700;
}

.collapse-item-head>.icon-arrow {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 70%;
    flex: 0 0 auto;
    color: rgba(var(--customize-color-black), 1);
    border-radius: 50%;
    background-color: transparent;
    transform: rotate(0deg);
    transition: color 0.2s ease, background-color 0.2s ease, transform 0.25s ease;
}

.collapse-item-head:hover>.icon-arrow {
    color: rgba(var(--customize-color-black), 1);
    background-color: rgba(var(--customize-color-black), 0.05);
}

.collapse-item.open>.collapse-item-head>.icon-arrow,
.collapse-item-head.active>.icon-arrow {
    color: rgba(var(--customize-color-black), 1);
    background-color: rgba(var(--customize-color-black), 0.1);
    transform: rotate(180deg);
}

.collapse-item-body .container {
    padding: 0;
}

/* format boder */
.collapse-items.format-boder .collapse-item {
    border-top: 1px solid rgba(var(--customize-color-black-dark), 0.1);
    border-bottom: 1px solid rgba(var(--customize-color-black-dark), 0.1);
}

.collapse-items.format-boder .collapse-item+.collapse-item {
    border-top: none;
}

.collapse-items.format-boder .collapse-item-head {
    padding: 30px 0;
}

.collapse-items.format-boder .collapse-item-head>.question {
    transition: all 0.2s ease;
}

.collapse-items.format-boder .collapse-item-head:hover>.question,
.collapse-items.format-boder .collapse-item-head.active>.question {
    color: rgba(var(--customize-color-primary), 1);
}

.collapse-items.format-boder .collapse-item-body .container {
    /* padding-top: 15px; */
    padding-bottom: 30px;
}