/* stylelint-disable */
/* stylelint-disable */
.wp-component-accordion-item {
  width: 100%;
}

.wp-component-accordion-item__title-icon {
  max-width: 50px;
}

@media (max-width: 767.98px) {
  .wp-component-accordion-item__title-icon {
    max-width: 40px;
  }
}
.wp-component-accordion-item__inner-title {
  align-items: center;
  display: flex;
  gap: var(--spacing-xxs);
}

.wp-component-accordion-item__title {
  font-family: var(--font-serif);
  font-size: var(--font-size-4);
  font-weight: 500;
  line-height: var(--line-height-4);
  text-transform: none;
  align-items: center;
  color: var(--component-accordion-colour);
  cursor: pointer;
  display: flex;
  gap: var(--component-accordion-gap);
  justify-content: space-between;
  text-align: left;
  width: 100%;
}

.wp-component-accordion-item__toggle {
  align-items: center;
  display: flex;
  flex: 0 0 var(--component-accordion-icon-width);
  height: var(--component-accordion-icon-width);
  justify-content: center;
  position: relative;
  transition: var(--transition-all);
  width: var(--component-accordion-icon-width);
}

.wp-component-accordion-item--plus-minus .wp-component-accordion-item__toggle {
  position: relative;
}

.wp-component-accordion-item--plus-minus .wp-component-accordion-item__toggle::before, .wp-component-accordion-item--plus-minus .wp-component-accordion-item__toggle::after {
  content: "";
  display: block;
  position: absolute;
  background-color: var(--component-accordion-icon-colour);
  height: var(--component-accordion-plus-minus-height);
  transition: var(--transition-all);
  width: var(--component-accordion-icon-width);
}

.wp-component-accordion-item--plus-minus .wp-component-accordion-item__toggle::after {
  transform: rotate(90deg);
}

.is-active .wp-component-accordion-item__toggle::after {
  transform: rotate(0deg);
}

.wp-component-accordion-item__toggle__icon {
  color: var(--component-accordion-icon-colour);
  margin: auto;
  transform: rotate(90deg);
  transition: var(--transition-all);
}

.is-active .wp-component-accordion-item__toggle__icon {
  transform: rotate(-90deg);
}

.wp-component-accordion-item__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: var(--transition-all);
}

.is-active .wp-component-accordion-item__content {
  grid-template-rows: 1fr;
}

.wp-component-accordion-item__content__inner {
  overflow: hidden;
}

.wp-component-accordion-item__content__inner > * {
  margin-top: var(--component-accordion-padding-bottom);
}

.wp-component-accordion-item__content-image {
  border-radius: var(--radius-s);
  overflow: hidden;
}

.wp-component-accordion-item__content__box:has(.wp-component-accordion-item__content-text + .wp-component-accordion-item__content-block) .wp-component-accordion-item__content-block {
  margin-top: var(--spacing-xxs);
}

.wp-component-accordion-item__content__box:has(.wp-component-accordion-item__content-block + .wp-component-accordion-item__buttons) .wp-component-accordion-item__buttons {
  margin-top: var(--spacing-xxl);
}

.wp-component-accordion-item__content__box:has(.wp-component-accordion-item__content-block + .wp-component-accordion-item__buttons-title) .wp-component-accordion-item__buttons-title {
  margin-top: var(--spacing-xxl);
}

.wp-component-accordion-item__buttons-title {
  font-weight: 700;
  margin-bottom: var(--spacing-xs);
}

.wp-component-accordion-item__buttons {
  display: grid;
  gap: var(--spacing-xs);
}

@media (min-width: 768px) {
  .wp-component-accordion-item__buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.wp-component-accordion-item--overlap .wp-component-accordion-item__item:not(:first-of-type) {
  margin-top: -7.5px;
}

@media (min-width: 1024px) {
  .wp-component-accordion-item--overlap .wp-component-accordion-item__item:not(:first-of-type) {
    margin-top: -15px;
  }
}
.wp-component-accordion-item--with-image .wp-component-accordion-item__content__box {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
}

@media (min-width: 1024px) {
  .wp-component-accordion-item--with-image .wp-component-accordion-item__content__box {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.wp-component-accordion-item--with-image .wp-component-accordion-item__content-text {
  max-width: 380px;
}

.wp-component-accordion-item__item:not(.wp-component-accordion-item--with-image) .wp-component-accordion-item__content-text {
  max-width: 657px;
}

.wp-component-accordion-item--default-white .wp-component-accordion-item__count,
.wp-component-accordion-item--default .wp-component-accordion-item__count {
  font-family: var(--font-serif);
  font-size: var(--font-size-2);
  font-weight: 500;
  line-height: var(--line-height-2);
  text-transform: none;
  color: var(--colour-blue-2);
}

.wp-component-accordion-item--default-white .wp-component-accordion-item__item,
.wp-component-accordion-item--default .wp-component-accordion-item__item {
  background-color: var(--colour-blue-3-40);
  border: var(--component-accordion-border-width) solid var(--component-accordion-border-colour);
  border-radius: var(--radius-s);
  padding: var(--component-accordion-padding-top) var(--spacing-l) var(--component-accordion-padding-bottom);
  position: relative;
  transition: var(--transition-all);
}

.wp-component-accordion-item--default-white .wp-component-accordion-item__item.is-active,
.wp-component-accordion-item--default .wp-component-accordion-item__item.is-active {
  --component-accordion-icon-colour: var(--component-accordion-active-icon-colour);
  background-color: var(--colour-white);
  border-color: var(--colour-blue-3-40);
  padding-bottom: 40px;
}

.wp-component-accordion-item--default-white .wp-component-accordion-item--highlighted,
.wp-component-accordion-item--default-white .wp-component-accordion-item--highlighted.is-active,
.wp-component-accordion-item--default .wp-component-accordion-item--highlighted,
.wp-component-accordion-item--default .wp-component-accordion-item--highlighted.is-active {
  --component-accordion-colour: var(--colour-white);
  --component-accordion-border-colour: var(--colour-blue-2);
  --component-accordion-icon-colour: var(--colour-white);
  --component-accordion-active-icon-colour: var(--colour-white);
  background-color: var(--colour-blue-2);
}

.wp-component-accordion-item--default-white .wp-component-accordion-item--highlighted .wp-component-accordion-item__content-text,
.wp-component-accordion-item--default-white .wp-component-accordion-item--highlighted .wp-component-accordion-item__count,
.wp-component-accordion-item--default-white .wp-component-accordion-item--highlighted.is-active .wp-component-accordion-item__content-text,
.wp-component-accordion-item--default-white .wp-component-accordion-item--highlighted.is-active .wp-component-accordion-item__count,
.wp-component-accordion-item--default .wp-component-accordion-item--highlighted .wp-component-accordion-item__content-text,
.wp-component-accordion-item--default .wp-component-accordion-item--highlighted .wp-component-accordion-item__count,
.wp-component-accordion-item--default .wp-component-accordion-item--highlighted.is-active .wp-component-accordion-item__content-text,
.wp-component-accordion-item--default .wp-component-accordion-item--highlighted.is-active .wp-component-accordion-item__count {
  color: var(--colour-white);
}

.wp-component-accordion-item--default-white .wp-component-accordion-item--highlighted .wp-component-accordion-item__content-text a,
.wp-component-accordion-item--default-white .wp-component-accordion-item--highlighted .wp-component-accordion-item__count a,
.wp-component-accordion-item--default-white .wp-component-accordion-item--highlighted.is-active .wp-component-accordion-item__content-text a,
.wp-component-accordion-item--default-white .wp-component-accordion-item--highlighted.is-active .wp-component-accordion-item__count a,
.wp-component-accordion-item--default .wp-component-accordion-item--highlighted .wp-component-accordion-item__content-text a,
.wp-component-accordion-item--default .wp-component-accordion-item--highlighted .wp-component-accordion-item__count a,
.wp-component-accordion-item--default .wp-component-accordion-item--highlighted.is-active .wp-component-accordion-item__content-text a,
.wp-component-accordion-item--default .wp-component-accordion-item--highlighted.is-active .wp-component-accordion-item__count a {
  color: var(--colour-white);
}

.wp-component-accordion-item--default-white.wp-component-accordion-item--default-white .wp-component-accordion-item__item,
.wp-component-accordion-item--default.wp-component-accordion-item--default-white .wp-component-accordion-item__item {
  background-color: var(--colour-white);
}

.wp-component-accordion-item--default-white.wp-component-accordion-item--default-white .wp-component-accordion-item__item .wp-component-accordion-item__title,
.wp-component-accordion-item--default.wp-component-accordion-item--default-white .wp-component-accordion-item__item .wp-component-accordion-item__title {
  color: var(--colour-blue-2);
}

.wp-component-accordion-item--basic .wp-component-accordion-item__count {
  align-items: center;
  background: linear-gradient(50deg, #344ABE 14.16%, #182258 83.7%);
  border-radius: 50%;
  color: var(--colour-white);
  display: flex;
  flex: 0 0 40px;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.wp-component-accordion-item--basic .wp-component-accordion-item__item {
  border-top: 1px solid var(--colour-blue-3);
  padding: var(--spacing-xs) 0;
}

.wp-component-accordion-item--basic .wp-component-accordion-item__item:last-of-type {
  border-bottom: 1px solid var(--colour-blue-3);
}

body.for-business-page .wp-component-accordion-item--basic .wp-component-accordion-item__item {
  border-color: var(--colour-black-10);
}

.wp-component-accordion-item--basic .wp-component-accordion-item__content__inner > * {
  margin-top: var(--spacing-xs);
}

.wp-component-accordion-item--spaced-items {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
