#main-content .accordion {

  margin-top: 60px;

  margin-bottom: 60px;

}

#main-content .accordion .accordion-item {

  border-bottom: 1px solid #e5e5e5;

}

#main-content .accordion .accordion-item button[aria-expanded="true"] {

  border-bottom: 1px solid #76bc27;

}

#main-content .accordion button {

  position: relative;

  display: block;

  text-align: left;

  width: 100%;

  padding: 1em 0;

  color: #333;

  font-size: 1rem;

  font-weight: 400;

  border: none;

  background: none;

  outline: none;

}

#main-content .accordion button:hover,

#main-content .accordion button:focus {

  cursor: pointer;

  /* color: #76bc27; */

}

#main-content .accordion button:hover::after,

#main-content .accordion button:focus::after {

  cursor: pointer;

  color: #76bc27;

  border: 1px solid #76bc27;

}

#main-content .accordion button .accordion-title {

  padding: 1em 1.5em 1em 0;

  font-weight: bold;

}

#main-content .accordion button .icon {

  display: inline-block;

  position: absolute;

  top: 18px;

  right: 0;

  width: 22px;

  height: 22px;

}

#main-content .accordion button .icon::before {

  display: block;

  position: absolute;

  content: url("../img/arrow_top.png");



  /* width: 10px;

  height: 2px;

  background: currentColor; */

}

/* #main-content .accordion button .icon::after {

  display: block;

  position: absolute;

  content: "";

  top: 5px;

  left: 9px;

  width: 2px;

  height: 10px;

  background: currentColor;

} */



#main-content .accordion button[aria-expanded="true"] .icon::before {

  content: url("../img/arrow_down.png");

}



/* #main-content .accordion button[aria-expanded="true"] {

  color: #76bc27;

} */

#main-content .accordion button[aria-expanded="true"] .icon::after {

  width: 0;

}

#main-content .accordion button[aria-expanded="true"] + .accordion-content {

  opacity: 1;

  max-height: 9em;

  transition: all 200ms linear;

  will-change: opacity, max-height;

}

#main-content .accordion .accordion-content {

  opacity: 0;

  max-height: 0;

  overflow: hidden;

  transition: opacity 200ms linear, max-height 200ms linear;

  will-change: opacity, max-height;

}

#main-content .accordion .accordion-content p {

  font-size: 1rem;

  margin: 2em 0;

}



@media screen and (max-width: 750px) {

  #main-content .accordion button {

    display: flex;

  }

  #main-content .accordion button .accordion-title {

    padding: 0 1.5em 0 0;

  }

}