details summary {
    display: block;
    font-size: 13px;
    border-top: 1px solid #e2e2e2;
    outline-offset: 1px;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    padding-right: 2rem;
    color: #111;
}
details summary::-webkit-details-marker {
    display: none;
}
details summary::after {
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L12 16L5 9' stroke='%234A5568' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9L12 16L5 9' stroke='%234A5568' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    content: "";
    width: 14px;
    height: 14px;
    display: block;
    background: #111;
    margin-top: -7px;
    transition: transform 0.2s;
    position: absolute;
    right: 0;
    top: 50%;
}
details[open] summary::after {
    transform: scaleY(-1);
}
details .cg-accordion-item {
    padding-bottom: 15px;
    font-size: 14px;
}
details:last-of-type {
    border-bottom: 1px solid #e2e2e2;
}