.accordion {
  width: 100%;
}

.accordion-item {
    border-bottom: 1px solid #ccc;   
    padding:20px 0;
}
.accordion-item:last-child{
    border-bottom: 0 solid #ccc;   
}

.accordion-title{
    font-size: 1.3rem;
    line-height: 1.4;
    cursor: pointer;
}

.accordion-title:before{
    content: "";
    width: 1.4em;
    height: 1.4em;
    margin-left: 10px;
    float: right;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.accordion-item.open > .accordion-title:before {
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E);
}


.accordion-title:hover {
    color:var(--primary-color) !important;
}


.accordion-content {
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    max-height: 0;
}

.accordion-inner{
    padding: 1rem 0.5rem 0;
}




.accordion-item.open > .accordion-title {
  color: var(--primary-color-darkest);
}