button[aria-expanded="true"] + .bl , button[aria-expanded="true"] ~ .tr {
    border-color: #53cf36;

}
button[aria-expanded="true"] .sign i {
color: #53cf36;

}

button[aria-expanded="false"] + .bl , button[aria-expanded="false"] ~ .tr {
    border-color: #ff7800;

}
button[aria-expanded="false"] .sign i {
color: #ff7800;
}
button[aria-expanded="false"] .sign  {
display: inline;
}
button[aria-expanded="false"] .sign-minus  {
display: none;
}
button[aria-expanded="true"] .sign  {
display: none;
}
button[aria-expanded="true"] .sign-minus  {
display: inline;
color: #ff7800;
}
.sign-minus i {
color: #53cf36;	
}

.custom-wrapper {
margin-bottom: 1em;
}

.accordion h4 {
text-transform:uppercase;
}

@media screen and (max-width: 900px) {
.accordion {
padding: 5px !important;
padding-left: 1em;
margin: 1em 0 !important;
}
}

.cat{
    text-align: left;
    color: white;
    cursor: pointer;
}
.title-dot {
    font-size: .6rem;
}
@media screen and (max-width: 600px) {
    .title-dot {
    font-size: .4rem;
}
}


i{
    color:#31ff00;
}