@property --bg-image {
  syntax: "<url>";
  inherits: false;
  initial-value: url("data:image/svg+xml,%3csvg%20width='370'%20height='333'%20viewBox='0%200%20370%20333'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.3'%20d='M121.19%200H248.786C269.296%200%20288.247%2010.8254%20298.514%2028.4167L362.3%20137.763C372.567%20155.354%20372.567%20177.005%20362.3%20194.572L298.514%20303.919C288.247%20321.51%20269.296%20332.335%20248.786%20332.335H121.214C100.704%20332.335%2081.7531%20321.51%2071.486%20303.919L7.70036%20194.572C-2.56676%20176.981%20-2.56676%20155.33%207.70036%20137.763L71.486%2028.4167C81.7291%2010.8254%20100.68%200%20121.19%200Z'%20fill='%23A8D6EF'/%3e%3cpath%20opacity='0.4'%20d='M132.385%2028.75H237.585C254.495%2028.75%20270.12%2037.7023%20278.585%2052.2498L331.175%20142.676C339.64%20157.224%20339.64%20175.128%20331.175%20189.656L278.585%20280.082C270.12%20294.63%20254.495%20303.582%20237.585%20303.582H132.404C115.494%20303.582%2099.8694%20294.63%2091.4043%20280.082L38.8143%20189.656C30.3492%20175.109%2030.3492%20157.204%2038.8143%20142.676L91.4043%2052.2498C99.8496%2037.7023%20115.474%2028.75%20132.385%2028.75Z'%20fill='%23A8D6EF'/%3e%3cpath%20opacity='0.4'%20d='M149.773%2073.5703H220.201C231.522%2073.5703%20241.982%2079.5477%20247.649%2089.261L282.856%20149.638C288.523%20159.351%20288.523%20171.306%20282.856%20181.006L247.649%20241.383C241.982%20251.096%20231.522%20257.074%20220.201%20257.074H149.786C138.465%20257.074%20128.005%20251.096%20122.338%20241.383L87.1306%20181.006C81.4635%20171.293%2081.4635%20159.338%2087.1306%20149.638L122.338%2089.261C127.992%2079.5477%20138.452%2073.5703%20149.773%2073.5703Z'%20fill='%23A8D6EF'/%3e%3cpath%20opacity='0.89'%20d='M163.036%20108.242H206.943C214.001%20108.242%20220.522%20111.961%20224.055%20118.004L246.005%20155.565C249.538%20161.608%20249.538%20169.045%20246.005%20175.08L224.055%20212.642C220.522%20218.685%20214.001%20222.403%20206.943%20222.403H163.044C155.987%20222.403%20149.465%20218.685%20145.932%20212.642L123.983%20175.08C120.45%20169.037%20120.45%20161.6%20123.983%20155.565L145.932%20118.004C149.457%20111.961%20155.978%20108.242%20163.036%20108.242Z'%20fill='%23A8D6EF'/%3e%3c/svg%3e");
}

@property --base-pattern {
  syntax: "<color>";
  inherits: true;
  initial-value: orange;
}

.solution-card[data-astro-cid-dayp7xnl] {
  --padding: 2rem;
  --selection-bg: var(--selectedColor);
  --selection-fg: var(--neutral-900);
  --outline-color: var(--active-blue-400);
  padding: var(--padding);
  background-color: #fff;
  border-radius: 1.5rem;
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 2rem;
  font-size: clamp(.875rem, .59375rem + 1.5vw, 1.25rem);
  transition: transform .3s, box-shadow .3s;
}

@media screen and (width <= 530px) {
  .solution-card[data-astro-cid-dayp7xnl] {
    --padding: 1rem .75rem;
  }
}

.solution-card[data-astro-cid-dayp7xnl]:is(:hover, :focus) {
  transform: translateY(-8px);
  box-shadow: 0 8px 24px #959da519;
}

.solution-card__rive-icon[data-astro-cid-dayp7xnl] {
  aspect-ratio: 1;
  width: 138px;
  align-content: center;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl] {
  --bg-width-t: 60cqw;
  --bg-width-b: 60cqw;
  min-height: 18rem;
  border-radius: 1.5rem;
  position: relative;
  isolation: isolate;
  background-color: var(--selectedColor);
  overflow: clip;
  display: grid;
  place-items: center;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl] .decor[data-astro-cid-dayp7xnl] {
  position: absolute;
  display: none;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl] .abstract[data-astro-cid-dayp7xnl].b {
  width: var(--bg-width-b);
  opacity: .15;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl] .abstract[data-astro-cid-dayp7xnl].t {
  --bg-width-t: 80cqw;
  width: var(--bg-width-b);
  opacity: .15;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl] {
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].rect-blue {
  --bg-width-t: 45cqw;
  --bg-width-b: 42cqw;
  --base-pattern: #a8d6ef;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].rect-blue .rect[data-astro-cid-dayp7xnl].rt {
  width: var(--bg-width-t);
  display: block;
  top: 0;
  left: 0;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].rect-blue .rect[data-astro-cid-dayp7xnl].lb {
  width: var(--bg-width-b);
  right: 0;
  bottom: 0;
  display: block;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].rect-pink {
  --bg-width-t: 45cqw;
  --bg-width-b: 42cqw;
  --base-pattern: #f4b7b5;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].rect-pink .rect[data-astro-cid-dayp7xnl].rt {
  display: block;
  top: 0;
  left: 0;
  width: var(--bg-width-t);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].rect-pink .rect[data-astro-cid-dayp7xnl].lb {
  right: 0;
  bottom: 0;
  display: block;
  width: var(--bg-width-b);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].rect-yellow {
  --bg-width-t: 45cqw;
  --bg-width-b: 42cqw;
  --base-pattern: #ec9b40;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].rect-yellow .rect[data-astro-cid-dayp7xnl].rt {
  display: block;
  top: 0;
  left: 0;
  width: var(--bg-width-t);
  opacity: .5;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].rect-yellow .rect[data-astro-cid-dayp7xnl].lb {
  right: 0;
  bottom: 0;
  display: block;
  width: var(--bg-width-b);
  opacity: .5;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl] {
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].circle-blue {
  --bg-width-t: 45cqw;
  --bg-width-b: 42cqw;
  --base-pattern: #a8d6ef;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].circle-blue .circle[data-astro-cid-dayp7xnl].rt {
  display: block;
  top: 0;
  right: 0;
  opacity: .3;
  width: var(--bg-width-t);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].circle-blue .circle[data-astro-cid-dayp7xnl].lb {
  left: 0;
  bottom: 0;
  display: block;
  opacity: .3;
  width: var(--bg-width-b);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].circle-pink {
  --bg-width-t: 45cqw;
  --bg-width-b: 42cqw;
  --base-pattern: #dc4437;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].circle-pink .circle[data-astro-cid-dayp7xnl].rt {
  display: block;
  top: 0;
  right: 0;
  opacity: .3;
  width: var(--bg-width-t);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].circle-pink .circle[data-astro-cid-dayp7xnl].lb {
  left: 0;
  bottom: 0;
  display: block;
  opacity: .3;
  width: var(--bg-width-b);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].circle-yellow {
  --bg-width-t: 45cqw;
  --bg-width-b: 42cqw;
  --base-pattern: #ec9b40;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].circle-yellow .circle[data-astro-cid-dayp7xnl].rt {
  display: block;
  top: 0;
  right: 0;
  opacity: .3;
  width: var(--bg-width-t);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].circle-yellow .circle[data-astro-cid-dayp7xnl].lb {
  left: 0;
  bottom: 0;
  display: block;
  opacity: .3;
  width: var(--bg-width-b);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl] {
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].leaf-blue {
  --bg-width-t: 45cqw;
  --bg-width-b: 42cqw;
  --base-pattern: #a8d6ef;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].leaf-blue .leaf[data-astro-cid-dayp7xnl].rt {
  display: block;
  width: clamp(9.375rem, .407609rem + 32.6087vw, 18.75rem);
  right: 0;
  top: 0;
  width: var(--bg-width-t);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].leaf-blue .leaf[data-astro-cid-dayp7xnl].lb {
  display: block;
  width: clamp(6.25rem, .271739rem + 21.7391vw, 12.5rem);
  left: 0;
  bottom: 0;
  width: var(--bg-width-b);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].leaf-pink {
  --bg-width-t: 45cqw;
  --bg-width-b: 42cqw;
  --base-pattern: #f4b7b5;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].leaf-pink .leaf[data-astro-cid-dayp7xnl].rt {
  display: block;
  width: clamp(9.375rem, .407609rem + 32.6087vw, 18.75rem);
  right: 0;
  top: 0;
  width: var(--bg-width-t);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].leaf-pink .leaf[data-astro-cid-dayp7xnl].lb {
  display: block;
  width: clamp(6.25rem, .271739rem + 21.7391vw, 12.5rem);
  left: 0;
  bottom: 0;
  width: var(--bg-width-b);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].leaf-yellow {
  --bg-width-t: 45cqw;
  --bg-width-b: 42cqw;
  --base-pattern: #ec9b40;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].leaf-yellow .leaf[data-astro-cid-dayp7xnl].rt {
  display: block;
  width: clamp(9.375rem, .407609rem + 32.6087vw, 18.75rem);
  right: 0;
  top: 0;
  width: var(--bg-width-t);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].leaf-yellow .leaf[data-astro-cid-dayp7xnl].lb {
  display: block;
  width: clamp(6.25rem, .271739rem + 21.7391vw, 12.5rem);
  left: 0;
  bottom: 0;
  width: var(--bg-width-b);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl] {
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].abstract-blue {
  --bg-width-t: 45cqw;
  --bg-width-b: 42cqw;
  --base-pattern: #a8d6ef;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].abstract-blue .abstract[data-astro-cid-dayp7xnl].t {
  display: block;
  top: 0;
  width: var(--bg-width-t);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].abstract-blue .abstract[data-astro-cid-dayp7xnl].b {
  display: block;
  bottom: 0;
  width: var(--bg-width-b);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].abstract-pink {
  --bg-width-t: 45cqw;
  --bg-width-b: 42cqw;
  --base-pattern: #f4b7b5;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].abstract-pink .abstract[data-astro-cid-dayp7xnl].t {
  display: block;
  top: 0;
  width: var(--bg-width-t);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].abstract-pink .abstract[data-astro-cid-dayp7xnl].b {
  display: block;
  bottom: 0;
  width: var(--bg-width-b);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].abstract-yellow {
  --bg-width-t: 45cqw;
  --bg-width-b: 42cqw;
  --base-pattern: #ec9b40;
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].abstract-yellow .abstract[data-astro-cid-dayp7xnl].t {
  display: block;
  top: 0;
  width: var(--bg-width-t);
}

.solution-card__image-bg[data-astro-cid-dayp7xnl].abstract-yellow .abstract[data-astro-cid-dayp7xnl].b {
  display: block;
  bottom: 0;
  width: var(--bg-width-b);
}

.solution-card__body[data-astro-cid-dayp7xnl] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.solution-card__body[data-astro-cid-dayp7xnl] h2[data-astro-cid-dayp7xnl] {
  font-size: clamp(1.125rem, .84375rem + 1.5vw, 1.5rem);
  color: var(--active-blue-600);
  font-weight: 700;
}

.solution-card__body[data-astro-cid-dayp7xnl] p[data-astro-cid-dayp7xnl] {
  color: var(--neutral-800);
}

.solution-card__cta[data-astro-cid-dayp7xnl] {
  color: var(--active-blue-400);
  font-weight: 700;
  display: flex;
  gap: .5rem;
  align-items: center;
  max-width: fit-content;
  transition: all .4s;
}

.solution-card__cta[data-astro-cid-dayp7xnl]:is(:hover, :focus) .arrow[data-astro-cid-dayp7xnl] {
  animation: .4s cubic-bezier(.2, .8, .2, 1) infinite alternate arrowMove;
}

@keyframes arrowMove {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(8px);
  }
}