.wp-block-accordion-item {
  margin-block-start: 0;
  border-block-end: 1px solid var(--wp--preset--color--gray-200, #dedede);
}

.wp-block-accordion-heading__toggle {
  padding-block: 1.5rem;
}

:where(.wp-block-accordion-item.is-open) .wp-block-accordion-heading__toggle {
  padding-block-end: 0;
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
  color: var(--wp--preset--color--magenta-600, #9C106D);
  text-decoration: none;
}

.wp-block-accordion-heading__toggle-title {
  color: var(--wp--preset--color--purple-800, #27144c);
  font-size: var(--wp--preset--font-size--body-larger, 1.25rem);
  line-height: 1.2;
}

:where(.wp-block-accordion-item.is-open) .wp-block-accordion-heading__toggle-title {
  color: var(--wp--preset--color--magenta-600, #9C106D);
}

.wp-block-accordion-heading__toggle-icon {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0;
}

.wp-block-accordion-heading__toggle-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0265 18C11.4537 17.9999 10.9044 17.7895 10.4994 17.4152L1.85942 9.43155C1.65312 9.24743 1.48856 9.02719 1.37536 8.78368C1.26216 8.54018 1.20257 8.27827 1.20008 8.01326C1.19759 7.74824 1.25224 7.48542 1.36084 7.24013C1.46945 6.99484 1.62984 6.77199 1.83265 6.58459C2.03545 6.39719 2.27662 6.24899 2.54208 6.14863C2.80753 6.04827 3.09196 5.99777 3.37877 6.00008C3.66557 6.00238 3.949 6.05744 4.21253 6.16204C4.47606 6.26665 4.71441 6.4187 4.91366 6.60933L12.0265 13.1819L19.1394 6.60933C19.5468 6.24576 20.0924 6.04458 20.6588 6.04913C21.2251 6.05368 21.7669 6.26358 22.1673 6.63364C22.5678 7.0037 22.795 7.5043 22.7999 8.02762C22.8048 8.55094 22.5871 9.05512 22.1937 9.43155L13.5537 17.4152C13.1487 17.7895 12.5994 17.9999 12.0265 18Z' fill='%236F38B8'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}

.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
  transform: rotate(180deg);
}

.wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0265 18C11.4537 17.9999 10.9044 17.7895 10.4994 17.4152L1.85942 9.43155C1.65312 9.24743 1.48856 9.02719 1.37536 8.78368C1.26216 8.54018 1.20257 8.27827 1.20008 8.01326C1.19759 7.74824 1.25224 7.48542 1.36084 7.24013C1.46945 6.99484 1.62984 6.77199 1.83265 6.58459C2.03545 6.39719 2.27662 6.24899 2.54208 6.14863C2.80753 6.04827 3.09196 5.99777 3.37877 6.00008C3.66557 6.00238 3.949 6.05744 4.21253 6.16204C4.47606 6.26665 4.71441 6.4187 4.91366 6.60933L12.0265 13.1819L19.1394 6.60933C19.5468 6.24576 20.0924 6.04458 20.6588 6.04913C21.2251 6.05368 21.7669 6.26358 22.1673 6.63364C22.5678 7.0037 22.795 7.5043 22.7999 8.02762C22.8048 8.55094 22.5871 9.05512 22.1937 9.43155L13.5537 17.4152C13.1487 17.7895 12.5994 17.9999 12.0265 18Z' fill='%23C2228C'/%3E%3C/svg%3E");
}

.wp-block-accordion-panel {
  color: var(--wp--preset--color--gray-700, #4d4c4d);
  margin-block-start: 0.75rem;
  padding-inline-end: 22.7%;
  padding-block-end: 1.5rem;
}

@media screen and (max-width: 781px) {
  .dup-faq-section__inner {
    flex-direction: column;
    align-items: stretch;
    row-gap: 2.5rem;
  }

  .wp-block-accordion-panel {
    padding-inline-end: 3rem;
  }
}