.accordion-style .card {
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0,0,0,0.08);
    border-radius: var(--sa-btn-radius);
    border: 1px solid rgba(var(--sa-text-rgb),.06);
    color: var(--sa-text) !important;
    background: none;
}

    .accordion-style .card + .card {
        margin-top: 0.75rem;
    }

.accordion-style .card-header {
    background-color: var(--sa-card-bg) !important;
    padding: 0;
    cursor: pointer;
    border-radius: var(--sa-btn-radius);
    border: 1px solid rgba(var(--sa-text-rgb),.06);
}

    .accordion-style .card-header h5 {
        margin: 0;
    }

    .accordion-style .card-header:hover {
        color: var(--sa-text) !important;
        background: var(--sa-navbar-item-hover-color) !important;
        border-color: var(--sa-primary);
    }

.accordion-style .card-body {
    background-color: var(--sa-body-bg-secondary);
    padding: 1.25rem;
    line-height: 1.9;
    font-size: 0.95rem;
    color: var(--sa-text);
    text-align: justify;
}

.accordion-style .btn-link {
    display: block;
    width: 100%;
    color: var(--sa-text);
    text-decoration: none;
    text-align: right;
    font-size: 1rem;
    font-weight: 500;
    padding: 0.75rem 1rem 0.75rem 30px;
    position: relative;
}

    .accordion-style .btn-link:hover {
        color: var(--sa-text) !important;
    }

    .accordion-style .btn-link::after {
        content: "";
        width: 10px;
        height: 10px;
        border-right: 2px solid #6c757d;
        border-bottom: 2px solid #6c757d;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        transition: transform 0.25s ease;
    }

    .accordion-style .btn-link[aria-expanded="true"]::after {
        transform: translateY(-50%) rotate(-135deg);
    }

.accordion-style .collapse {
    transition: all 0.35s ease;
}