div[class^="sdx_accordion"] > h3{
    color:#000000;
    background-color:#FFFFFF;
    font-weight: bold;
    border-bottom: 1px solid #000000;
}
div[class^="sdx_accordion"] > div{
    color:#000000;
    background-color:#FFFFFF;
}

div[class^="sdx_accordion"] .ui-accordion-header{
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 12 12"><line stroke="%23000000" x1="0" y1="6" x2="12" y2="6" stroke-width="2" /><line stroke="%23000000" x1="6" y1="0" x2="6" y2="12" stroke-width="2" /></svg>'); 
    background-repeat: no-repeat;
    background-position: calc(100% - 12px);
    padding-right: 30px;
    margin: 0px;
}

div[class^="sdx_accordion"] .ui-accordion-header-active{
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 12 12"><line stroke="%23000000" x1="0" y1="6" x2="12" y2="6" stroke-width="2" /></svg>'); 
}

.sdx_accordion_container{
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #000000;
}