.accordion-panel-with-image__mobile-image {
  display: block;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 8px;
  overflow: hidden;
}

@media (min-width: 992px) {
  .accordion-panel-with-image__mobile-image {
    display: none;
  }
}
.accordion-panel-with-image__mobile-image img {
  width: 100%;
  height: auto;
  display: block;
}

.block--accordion-panel-with-image {
  margin: 0 !important;
  border: 0;
  border-radius: 0 !important;
  border-top: 1px solid var(--wp--preset--color--trustpoint-silver);
  border-bottom: 1px solid var(--wp--preset--color--trustpoint-silver);
  color: inherit;
  transition: border-top-color 0.2s ease;
}

.block--accordion-panel-with-image.accordion-item {
  border: 0;
  --bs-accordion-bg: transparent !important;
  margin: 0 !important;
}

.block--accordion-panel-with-image.show, .block--accordion-panel-with-image:has(.accordion-collapse.show) {
  border-top-color: var(--wp--preset--color--driven-blue);
}

.accordion-with-image__accordion > .block--accordion-panel-with-image:first-child.show, .accordion-with-image__accordion > .block--accordion-panel-with-image:first-child:has(.accordion-collapse.show) {
  border-top-color: var(--wp--preset--color--driven-blue);
}

.block--accordion-panel-with-image .accordion-header {
  position: relative;
  margin: 0 !important;
  padding: 22px 0;
  padding-right: 80px;
  background: transparent;
  font-family: var(--wp--preset--font-family--heading);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: var(--wp--preset--color--balanced-charcoal);
  transition: background 0.15s ease-out, color 0.15s ease-out;
}

.block--accordion-panel-with-image .accordion-header.heading-color--balanced-charcoal {
  color: var(--wp--preset--color--balanced-charcoal);
}

.block--accordion-panel-with-image .accordion-header.heading-color--foundation-navy {
  color: var(--wp--preset--color--foundation-navy);
}

.block--accordion-panel-with-image .accordion-header.heading-color--driven-blue {
  color: var(--wp--preset--color--driven-blue);
}

.block--accordion-panel-with-image .accordion-header.heading-color--compliance-cobalt {
  color: var(--wp--preset--color--compliance-cobalt);
}

.block--accordion-panel-with-image .accordion-header.heading-color--empower-mint {
  color: var(--wp--preset--color--empower-mint);
}

.block--accordion-panel-with-image .accordion-header.heading-color--principle-plum {
  color: var(--wp--preset--color--principle-plum);
}

.block--accordion-panel-with-image .accordion-header.heading-color--white {
  color: var(--wp--preset--color--white);
}

.block--accordion-panel-with-image .accordion-header::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33' fill='none'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='%23F5F1EC'/%3E%3Cline x1='16.5' y1='8.0542' x2='16.5' y2='24.9461' stroke='%231F1C1B' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='24.946' y1='16.5' x2='8.05416' y2='16.5' stroke='%231F1C1B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 33px;
  width: 33px;
  opacity: 1;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

@media (min-width: 992px) {
  .block--accordion-panel-with-image .accordion-header::before {
    right: 32px;
  }
}
.has-clarity-cream-background-color .block--accordion-panel-with-image .accordion-header::before, .has-foundation-navy-background-color .block--accordion-panel-with-image .accordion-header::before, .has-driven-blue-background-color .block--accordion-panel-with-image .accordion-header::before, .has-empower-mint-background-color .block--accordion-panel-with-image .accordion-header::before, .has-catalyst-aqua-background-color .block--accordion-panel-with-image .accordion-header::before, .has-balanced-charcoal-background-color .block--accordion-panel-with-image .accordion-header::before, .has-compliance-cobalt-background-color .block--accordion-panel-with-image .accordion-header::before, .has-uplift-orange-background-color .block--accordion-panel-with-image .accordion-header::before, .has-principle-plum-background-color .block--accordion-panel-with-image .accordion-header::before, .has-empathy-orchid-background-color .block--accordion-panel-with-image .accordion-header::before, .has-trustpoint-silver-background-color .block--accordion-panel-with-image .accordion-header::before, .has-black-background-color .block--accordion-panel-with-image .accordion-header::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33' fill='none'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='white'/%3E%3Cline x1='16.5' y1='8.0542' x2='16.5' y2='24.9461' stroke='%231F1C1B' stroke-width='2' stroke-linecap='round'/%3E%3Cline x1='24.946' y1='16.5' x2='8.05416' y2='16.5' stroke='%231F1C1B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.block--accordion-panel-with-image .accordion-header[aria-expanded=true]::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33' fill='none'%3E%3Ccircle cx='16.5' cy='16.5' r='16.5' fill='%230098DB'/%3E%3Cline x1='24.946' y1='16.5' x2='8.05416' y2='16.5' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  transform: translateY(-50%) rotate(180deg);
}

.block--accordion-panel-with-image .accordion-body {
  padding: 0.5rem 0 1rem;
}

.editor-styles-wrapper .block--accordion-panel-with-image {
  margin-bottom: 2rem;
}

.editor-styles-wrapper .block--accordion-panel-with-image .accordion-collapse {
  display: block !important;
}

.editor-styles-wrapper .block--accordion-panel-with-image .accordion-body {
  padding: 1rem 5rem 1rem 0;
}