.accordion{
  margin: 0 auto;
  font-size: 18px;
}

a.accordion-button:after{
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgo8c3ZnCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4wIgogICB3aWR0aD0iMTIiCiAgIGhlaWdodD0iMTIiCiAgIGlkPSJzdmcyIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzNCIgLz4KICA8cmVjdAogICAgIHdpZHRoPSI1Ljk5OTk5OTUiCiAgICAgaGVpZ2h0PSI2IgogICAgIHg9IjEuNSIKICAgICB5PSI0LjUiCiAgICAgaWQ9InJlY3QzMTcwIgogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOiMwMDY2Y2M7c3Ryb2tlLXdpZHRoOjAuOTk5OTk5OTQ7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxIiAvPgogIDxwYXRoCiAgICAgZD0iTSA0LDIuNSBMIDUsMy41IEwgNS4yNSw0LjI1IEwgMi43NSw2LjUgTCA1LjUsOS4yNSBMIDcuNzUsNi43NSBMIDguNSw3IEwgOS41LDggTCAxMSw2LjUgTCAxMSwxIEwgNS41LDEgTCA0LDIuNSB6IgogICAgIGlkPSJwYXRoMjM5NSIKICAgICBzdHlsZT0iZmlsbDojMDA2NmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lO3N0cm9rZS13aWR0aDoxcHg7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KICA8cGF0aAogICAgIGQ9Ik0gNiwyIEwgMTAsMiBMIDEwLDYgTCA5LjUsNi43NSBMIDguMjUsNC43NSBMIDUuMjUsOCBMIDQsNi43NSBMIDcuMjUsMy43NSBMIDUuMjUsMi41IEwgNiwyIHoiCiAgICAgaWQ9InBhdGgyMzk4IgogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAvPgo8L3N2Zz4K");
}

@media (min-width: 992px){
  .accordion{
    max-width: 800px;
  }
}
.accordion .accordion-button:not(.collapsed){
  background-color: #ffffff;
  color: #101010;
  box-shadow: none;
}
.accordion .accordion-button:focus{
  box-shadow: none;
}
.accordion .accordion-button{
  font-size: 18px;
  font-weight: 600;
  border-radius: 10px;
  /* border-top: 1px solid #DCDCDC; */
  background-color: #F5F5F5;
}
.accordion .accordion-item{
  border-radius: 10px;
  margin-bottom: 20px;
}
.accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top: none;
} 
.accordion .accordion-button:not(.collapsed)::after{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


.accordion-item {
  border: none
}


.accordion-collapse {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0px 0px 10px 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.125);
  border-right: 1px solid rgba(0, 0, 0, 0.125);
}

.accordion-button:not(.collapsed) {
  border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 10px 10px 0 0;
  border-left: 1px solid rgba(0, 0, 0, 0.125); 
  border-right: 1px solid rgba(0, 0, 0, 0.125);
}
