/* stylelint-disable */
.wp-component-card {
  background-color: var(--component-card-background);
  border: var(--component-card-border-width) solid var(--component-card-border-colour);
  border-radius: var(--component-card-border-radius);
  color: var(--component-card-colour);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

.wp-component-card::after {
  background: var(--gradient-vibrant);
  border-radius: 425.205px;
  bottom: -500px;
  content: "";
  filter: blur(48px);
  height: 200.485px;
  position: absolute;
  right: -80px;
  transform: rotate(-9.5deg);
  transition: var(--transition-all);
  width: 425.205px;
}

.wp-component-card > * {
  z-index: 1;
}

.wp-component-card:has(.btn:hover)::after, .wp-component-card:has(a.wp-component-card__title:hover)::after {
  bottom: -178px;
}

.wp-component-card:not(.wp-component-card--inline) .wp-component-card__image-wrapper {
  align-items: center;
  background-color: var(--colour-light-blue-100);
  display: flex;
  justify-content: center;
  padding: var(--spacing-m);
}

.wp-component-card:not(.wp-component-card--inline) .wp-component-card__image-wrapper img {
  max-height: 220px;
  width: auto;
}

.wp-component-card__icon {
  align-items: center;
  background-color: var(--colour-light-blue-75);
  border-radius: 50%;
  display: flex;
  flex: 0 0 60px;
  height: 60px;
  justify-content: center;
  width: 60px;
}

.wp-component-card__icon img {
  max-width: 32px;
}

.wp-component-card__content {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: var(--component-card-content-gap);
  padding: var(--component-card-padding);
}

.wp-component-card__icons {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.wp-component-card__icon-wrapper {
  align-items: center;
  display: flex;
  gap: var(--spacing-xs);
}

.wp-component-card__count {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-4);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-4);
  line-height: var(--line-height-4);
  text-transform: none;
}

.wp-component-card__icon-icon {
  flex: 0 0 32px;
}

.wp-component-card__icon-title {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-large);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-large);
  line-height: var(--line-height-p-large);
  text-transform: none;
}

.wp-component-card__tag {
  align-items: center;
  color: var(--tag-colour, var(--colour-dark-blue-35));
  display: flex;
  font-weight: 700;
  gap: var(--spacing-xxxs);
  text-decoration: none;
}

.wp-component-card__tag::before {
  background-color: var(--colour-orange-100);
  border-radius: 50%;
  content: "";
  flex: 0 0 8px;
  height: 8px;
  width: 8px;
}

.wp-component-card__title {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-large);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-p-large);
  line-height: var(--line-height-p-large);
  text-transform: none;
  color: inherit;
  text-decoration: none;
}

.wp-component-card__title:is(a) {
  align-items: center;
  display: flex;
  gap: var(--spacing-xxxs);
  justify-content: space-between;
  width: 100%;
}

.wp-component-card__title .edwp-icon {
  flex: 0 0 var(--icon-reg);
}

.wp-component-card__button-wrapper {
  margin-top: auto;
}

.wp-component-card--dark {
  --tag-colour: var(--colour-white);
  color: var(--colour-white);
}

.wp-component-card--white::after {
  opacity: 0.2;
}

.wp-component-card--blue {
  --component-card-border-colour: rgb(255 255 255 / 50%);
  --component-card-background: var(--colour-dark-blue-100);
}

.wp-component-card--transparent {
  --component-card-border-colour: rgb(255 255 255 / 50%);
  --component-card-background: rgb(19 38 49 / 10%);
}

.wp-component-card--inline {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.wp-component-card--inline::after {
  display: none;
}

.wp-component-card--inline .wp-component-card__image-wrapper {
  border-radius: var(--radius-image);
  overflow: hidden;
}

.wp-component-card--inline .wp-component-card__image-wrapper img {
  aspect-ratio: 16/10;
  -o-object-fit: cover;
     object-fit: cover;
}

.wp-component-card--inline .wp-component-card__content {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 1023px) {
  .wp-component-card--has-image:not(.wp-component-card--inline) {
    flex-direction: row;
  }
}