.coyoteFAQ__accordion, .coyoteFAQ__category-name {
    outline: none;
    background-color: #fff;
    color: #444;
    padding: 10px;
    width: 100%;
    border: 1px solid #eee;
    border-bottom: none;
    text-align: left;
    cursor: pointer;
    font-size: 16px;
}

.coyoteFAQ__category-name {
    cursor: default;
    font-size: 20px;
}

.coyoteFAQ__accordion:hover {
    background-color: #fbfbfb;
}

/*.clicked{ border-bottom: none; }*/

.coyoteFAQ__accordion:after {
    color: #121212;
    content: '\276F';
    float: right;
    margin-left: 5px;
    transform: rotate(90deg);
}

.clicked:after { content: "\276E"; transform: rotate(90deg); }

.coyoteFAQ-answer-area {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding: 0 10px;
    background-color: #fbfbfb;
    border-right: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.coyoteFAQ-answer-area p {
    padding: 15px 0 15px 10px;
    font-size: 16px;
}