/* Accordion Module
* ======================================================================= */
.accordion-item {
  cursor: pointer;
  text-align: left;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  border-radius: var(--border-radius);
  background: rgba(255,255,255,0.8);
  padding: 16px 32px;
  margin-top: 16px;
  margin-bottom: 16px;
  border-left: 8px solid var(--accent-color);
}
.accordion-item__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  position: relative;
  z-index: 20;
  color: ;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.accordion-item .accordion-item__body {
  margin-top: -1px;
  overflow: hidden;
  max-height: 0px;
  position: relative;
  z-index: 10;
  cursor: default;
  -webkit-transition: max-height 0.3s, padding 0.5s 0s;
  -moz-transition: max-height 0.3s, padding 0.5s 0s;
  -o-transition: max-height 0.3s, padding 0.5s 0s;
  -ms-transition: max-height 0.3s, padding 0.5s 0s;
  transition: max-height 0.3s, padding 0.5s 0s;
}
@supports (overflow-y: clip) { 
  .accordion-item .accordion-item__body {
    overflow: visible;
    overflow-y: clip;
  }
}
.accordion-item.accordion-item--active .accordion-item__body {
  -webkit-transition: max-height 0.6s, padding 0.3s;
  -moz-transition: max-height 0.6s, padding 0.3s;
  -o-transition: max-height 0.6s, padding 0.3s;
  -ms-transition: max-height 0.6s, padding 0.3s;
  transition: max-height 0.6s, padding 0.3s;
  height: inherit;
  padding: 20px 0 5px;
  max-height: fit-content;
}
.accordion-item__head .accordion-item__icon--opened {
  display: none;
}
.accordion-item.accordion-item--active .accordion-item__head .accordion-item__icon--closed {
  display: none;
}
.accordion-item.accordion-item--active .accordion-item__head .accordion-item__icon--opened { 
  display: block;
}
.accordion-item .accordion-item__head h4 {
  font-size: 20px;
  line-height: 1.4;
}