.accordion__item {
    margin-bottom: 0.8rem;
}

.accordion__header {
  display: flex;
  height: 80px;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1rem;
  color: #000000;
  cursor: pointer;
  transition: background-color 0.2s ease-out;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 120%;
  font-weight: 700;
  color: #202020 !important;
  background-color: #F5F7FA;
}

.accordion__header::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='000000'%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");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  content: "";
  transition: transform 0.2s ease-out;
}

.accordion__item_show .accordion__header::after,
.accordion__item_slidedown .accordion__header::after {
  transform: rotate(-180deg);
}


.accordion__content {
    padding: 0.75rem 1rem;
}

.accordion__item:not(.accordion__item_show) .accordion__body {
    display: none;
}

.accordion__content-card {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 20px;
  gap: 15px;
  padding-bottom: 40px;
}

.accordion__content p {
  padding-left: 20px;
}