.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 10px;
    font-size: 16px;
    color: #4938b1;
    text-align: left;
    /*// Reset button style background-color: $accordion-button-bg;*/
    border: 0;
    border-radius: 14px;
    overflow-anchor: none;
    transition: 12;
    &:not(.collapsed) {
    color: #ffffff;
    background-color: #808080;
    box-shadow: inset 0 (2 * -1) 0 #786db9;
   /* &::after {
        background-image: escape-svg($accordion-button-active-icon);
        transform: $accordion-icon-transform;
    }*/
}

/*// Accordion icon*/
:after {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    margin-left: auto;
    content: "";
    background-image: escape-svg('icon');
    background-repeat: no-repeat;
    background-size: 44px;

    transition:all;
}

:hover {
    z-index: 2;
}

:focus {
    z-index: 3;
    border-color: #4738a5c8;
    outline: 0;
    box-shadow: #808080;
}

.accordion-header {
    margin-bottom: 0;
}

.accordion-item {
    background-color: #ffffff;
    border: 2px solid #808080;
    border-top-radius: 14px;
    border-bottom-radius: 14px;
}

.accordion-collapse {
    border-bottom-radius: 14px;
}


.accordion-body {
    padding: 14px; 14px; 
}

/*
// Flush accordion items
//
// Remove borders and border-radius to keep accordion items edge-to-edge.
*/
.accordion-flush .accordion-collapse {
    border-width: 0;
}

.accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 14px;
    border-top: 0;
}


.accordion-button {
    border-radius: 14px;
}