.faq-item {
    margin-bottom: 15px;
    border-radius: var(--largeradius);
    background: #fff;
    transition: 180ms;
    box-shadow: var(--box-shadow-defult)
}

.objType-faq .faq-item {
    margin: 0;
}

.objType-faq {
    gap: 20px;
}

.faq-item:last-child {
    margin-bottom: 0;
}
.faq-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 21px 27px;
    color: var(--primary-text)
}
.faq-head>i {
    font-size: 22px;
    color: var(--secondarytext);
    transition: 180ms
}
.faq-item.active .faq-head>i {
    color: var(--uicolor);
    transform: rotate(45deg)
}
.faq-item:not(.active):hover .faq-head>h2,.faq-item:not(.active):hover .faq-head>i {
    color: var(--primary-text)
}
.faq-head>.title_faq {
    display: block;
    font-size: 21px;
    font-weight: 900;
    color: var(--primary-text);
    line-height: var(--lheight);
}
.faq-item.active .faq-head>.title_faq {
    color: var(--uicolor)
}
.faq-body {
    display: block;
    height: 0;
    --pin-height: auto;
    overflow: hidden;
    transition: 180ms
}
.faq-item.active .faq-body {
    display: block;
    height: var(--pin-height)
}
.faq-val {
    display: block;
    font-size: 19px;
    color: var(--secondarytext);
    font-weight: 400;
    margin: 0 20px;
    padding: 25px 0 25px 28px;
    border: solid 1px #dddd;
    border-width: 1px 0 0;
    line-height: var(--lheight);
}