.faqs-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.faqs-details {
  width: 100%;
  position: relative;
  margin-block: 1rem 0;
  margin-inline: auto;
  border: 1px solid var(--base);
  border-radius: 1rem;
  overflow: hidden;
}
.faqs-details::details-content {
  display: block;
  block-size: 0;
  transition: block-size 0.3s, content-visibility 0.3s;
  transition-behavior: allow-discrete;
}
.faqs-details[open]::details-content {
  block-size: auto;
  block-size: calc-size(auto);
}
.faqs-details summary {
  position: relative;
  color: var(--base);
  display: flex;
  font-weight: 600;
  line-height: 1.3;
  list-style-position: outside;
  padding: 2rem;
  cursor: pointer;
  padding-right: 50px;
}
.faqs-details summary::marker {
  content: none;
}
.faqs-details summary::-webkit-details-marker {
  display: none;
}
.faqs-details summary::before {
  display: block;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 16 16' width='16' height='16' %3E%3Cpolyline points='15.1 4.5 8 11.5 .9 4.5' fill='none' stroke='%2305245B' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
  width: 16;
  height: 16;
  position: absolute;
  right: 2rem;
  rotate: -90deg;
  transition: rotate 0.3s;
}
.faqs-details[open] summary::before {
  rotate: 0deg;
}
.faqs-details__content {
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem;
  margin-inline: 2rem;
}