.faq-cat {
    display: block;
    height: 100%;
    padding: 1rem;
    background: #fff;
    border-radius: var(--radius-lg);
    border: var(--border);
    box-shadow: 3px 3px 1px 0 rgb(0 0 0 / 0.05);
    transition: all .25s linear;
}
.faq-cat i{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    --size: 30px;
    --mask: var(--primary) !important;
    background: rgba(var(--primary-rgb), .1);
    border-radius: var(--radius);
    margin: 0;
}
.faq-cat i::before{
    transition: all .25s linear;
}
.faq-cat > div{
    width: calc(100% - 60px - 1rem);
    height: 100%;
}
.faq-cat small{
    color: var(--txt-color) !important;
}
.faq-cat:is(:hover, :focus){
    border-color: var(--primary);
    box-shadow: none;

    i{
        --mask: var(--primary) !important;
    }
}

.accordion{
    border: var(--border);
}