.card {
    margin: 20px 0;
    box-shadow: 0 10px 10px -4px #00000033;
}
.card-header {
    padding: 0 !important;
}
a.btn {
    width: 100%;
    text-align: left;
    background-color: #f7f7f7;
    display: block;
    padding: 13px 16px;
}
a.btn::after {
    content: "\002b";
    position: absolute;
    right: 13px;
    font-weight: bold;
}
a.btn[aria-expanded="true"]::after {
    content: "\2212";
}
a.btn[aria-expanded="false"]::after {
    content: "\002b";
}

ul.ul-left {
    width: 50%;
    float: left;
}
ul.ul-right {
    width: 50%;
    float: right;
}
ul li.li-indent {
    margin-left: 40px;
    list-style: circle
}