.accordion__item-button {
  min-height: 56px;
  height: auto;
  padding: 10px 40px 10px 24px;
  border-radius: 5px;
  background-color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600; font-family: 'Proxima Nova Lt', sans-serif;
  color: #474f55;
  position: relative;
  transition: box-shadow .2s;
  margin-top: 2px;
}
.accordion__item-button span {
  font-weight: 700;
}
.accordion__item-button.active {
  box-shadow: none !important;
  border-radius: 5px 5px 0 0;
}
.accordion__item-button::after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 7px;
  right: 20px;
  background: url(../icons/svg/other/darr.svg) no-repeat center;
}
.accordion__item-button.active::after {
  transform: rotate(180deg);
}
.accordion__item-button:hover {
  box-shadow: 0 4px 16px 0 rgba(0,0,0,.11);
}
.accordion__item-body {
  background-color: #fff;
  position: relative;
  padding: 9px 24px;
  font-size: 15px;
  line-height: 1.6;
  display: none;
}
.accordion__item-button.active + .accordion__item-body {
  display: block;
}
.accordion__item-body div {
  max-width: 720px;
}
.accordion__item-body * {
  font-size: 16px;
  line-height: 1.75;
  color: #474f55;
}


/*mobile*/
@media (max-width: 767px) {
  .accordion__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .accordion__item {
    width: 100vw;
  }
  .accordion__item-button {
    border-radius: 0;
    padding-left: 20px;
  }
}