ul.arrow-list {
    list-style: none;
    padding-left: 0;
}

ul.arrow-list li {
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}

ul.arrow-list li::before {
    content: '→';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.8em;
    color: #000;
}

ul.arrow-list li.active::before {
    content: '↓';
}

ul.arrow-list .dropdown-content {
    display: none;
    padding-left: 20px;
}

ul.arrow-list li.active .dropdown-content {
    display: block;
}