.accordion-custom {
  background-color: #f8f9fa;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border-top: 5px solid #ddd;
  padding-right: 50px;
}

.active-accordion-custom, .accordion-custom:hover {
  background-color: #ccc; 
}

.accordion-panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

button.accordion-custom:focus {
  outline: none;
}

.accordion-wrapper {
  position: relative;
  padding-bottom: 5px;
}

.accordion-custom:after {
    display: block;
    position: absolute;
    /*top: calc(20px + .5em);*/
    top: 28px;
    right: 15px;
    width: 20px;
    height: 12px;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2015%27%3E%3Ctitle%3Eicon-expand%3C%2Ftitle%3E%3Cpath%20d%3D%27M21%200l3%203.06L12%2015%200%203.06%203%200l9%209z%27%20fill%3D%27%238932af%27%20data-name%3D%27Layer%201%27%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    content: "";
}


.active-accordion-custom:after {
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
}

.hideme-banner {
  display: none;
}