.accordion-item .accordion-item-body {
    max-height: 0px;
    height:100px;
    padding-left: 10px;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

.accordion-item {
    border: solid #ddd 1px;
}

.accordion-item:not(:first-of-type) {
    border-top:none;
}

.accordion-item.active .accordion-item-body {
    max-height: 100px;
}

.accordion-item.active .accordion-item-body p {
    padding:10px 0;
}

.accordion-item .accordion-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid #ddd 1px;
    padding: 10px;
}

.accordion-item .accordion-item-header:hover,
.accordion-item.active .accordion-item-header {
    background:#eee;
    cursor: pointer;
}

.accordion-item:not(.active) .accordion-item-header .caret {
    transform: rotate(180deg);
    font-size:20px;
}

.accordion-item .accordion-item-header h3 {
    margin: 0;
}