* {
  box-sizing: border-box;
}

.aktibatu_pid_faqs_atom {
  display: flex;
  overflow: hidden;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--space-border-radius-050-4, 4px);
  border: var(--space-border-width-regular-1, 1px) solid var(--color-border-brand-secondary, #099BB0);
  margin-block: 10px;
  height: fit-content;
}

.aktibatu_pid_faqs_atom__summary,
.aktibatu_pid_faqs_atom__content {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}

.aktibatu_pid_faqs_atom__question {
  flex: 1 0 0;
  color: var(--color-bg-accent, #a30052);

  /* subtitle/200 */
  font-family: var(--subtitle-200-font-family-200, Inter);
  font-size: var(--subtitle-200-font-size-200, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--subtitle-200-line-height-200, 16px);
  /* 114.286% */
}

.aktibatu_pid_faqs_atom__details {
  width: 100%;
  
}

.aktibatu_pid_faqs_atom__details[open] .aktibatu_pid_faqs_atom__summary{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;

}
.aktibatu_pid_faqs_atom__summary {
  display: flex;
  padding: var(--space-padding-100-8, 8px) var(--space-padding-300-24, 24px);
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-padding-100-8, 8px);
  align-self: stretch;
  border-radius: var(--space-border-radius-050-4, 4px);

  background: var(--color-bg-surface, #fff);
  cursor: pointer;
  list-style: none;
}

.aktibatu_pid_faqs_atom__summary::-webkit-details-marker {
  display: none;
}

.aktibatu_pid_faqs_atom__icon {
  flex-shrink: 0;
  font-size: 24px;
  color: var(--color-bg-accent, #a30052);
  transition: transform 0.2s ease;
}

.aktibatu_pid_faqs_atom__details[open] .aktibatu_pid_faqs_atom__icon {
  transform: rotate(180deg);
}

.aktibatu_pid_faqs_atom__content {
  display: flex;
  padding: var(--space-padding-200-16, 16px) var(--space-padding-300-24, 24px) var(--Space-200, 16px) var(--space-padding-300-24, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Space-100, 8px);
  align-self: stretch;
  border-radius: var(--Border-Radius-000, 0);
  background: var(--color-bg-surface, #fff);
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}