/* src/css/components/blocks/_Steps.scss */
.hwc-BlockSteps-container {
  display: flex;
  gap: 4rem;
  align-items: flex-start;
}
.hwc-BlockSteps-heading {
  position: relative;
  flex: 0 1 532px;
}
.hwc-BlockSteps-heading::before {
  content: "";
  background-image: url(../../img/decoration-6-blue.svg);
  width: 57px;
  height: 73px;
  position: absolute;
  bottom: calc(100% - 35px);
  right: -50px;
  z-index: 1;
}
.hwc-BlockSteps-heading::after {
  content: "";
  background-image: url(../../img/decoration-7-orange.svg);
  width: 81px;
  height: 73px;
  position: absolute;
  top: calc(100% + 74px);
  left: 0;
}
.hwc-BlockSteps-items {
  counter-set: item;
}
.hwc-BlockSteps-item {
  background-color: var(--hwc-color-white);
  border-radius: 1rem;
  padding: 1rem;
  color: var(--hwc-color-primary-dark);
  counter-increment: item;
  display: flex;
  align-items: center;
}
.hwc-BlockSteps-item:not(:last-child) {
  margin-bottom: 1rem;
}
.hwc-BlockSteps-item::before {
  content: "0" counter(item);
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 58px;
  width: 58px;
  height: 60px;
  font-size: 1.375rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='60' viewBox='0 0 59 60' fill='none'%3E%3Cpath d='M20.7485 1.58105C24.7726 -0.240009 29.2911 -0.0705982 32.1841 0.0986328C33.1964 0.149825 34.0421 0.187312 34.7017 0.118164C37.3055 -0.0521478 37.3081 1.67508 40.6802 2.375C44.0673 3.25437 45.8724 4.62706 48.0122 6.74121C50.4014 8.67876 55.839 15.7487 56.897 18.8477C58.2797 21.7965 58.4773 25.5366 58.5835 27.6787C58.6107 28.359 58.6114 28.8846 58.6108 29.2949C58.6103 29.4611 58.6098 29.5418 58.6099 29.5479L58.606 29.8174C58.6296 29.1979 58.6112 29.6877 58.6069 30.9395C58.5758 33.2786 58.1835 35.168 58.0542 36.3848C57.7751 38.8162 57.7928 40.0158 56.2573 42.7637C54.5924 45.4007 54.3544 47.1021 53.1499 48.583C51.6925 49.8126 52.1584 50.178 44.1558 55.7363C39.6238 58.4997 35.4462 59.4646 32.1841 59.8281C29.346 60.1306 27.1079 59.9829 25.269 59.7617C21.1693 59.4835 13.7297 55.2008 9.12354 50.5859C4.4014 46.9118 0.0424787 35.9465 0.135254 29.5479C0.0798155 28.7369 0.043389 28.0185 0.00537109 27.3848C-0.109544 21.7839 1.63265 21.9428 3.86475 18.3047C6.21559 14.9344 4.85767 9.88935 9.37842 6.31152C13.964 3.13973 15.582 4.20133 20.7485 1.58105Z' fill='%2340B4A6'/%3E%3C/svg%3E");
}
.hwc-BlockSteps-item:nth-child(n+9)::before {
  content: counter(item);
}
.hwc-BlockSteps-item-content {
  padding-left: 1rem;
  margin-left: 1rem;
  position: relative;
}
.hwc-BlockSteps-item-content::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 12px);
  width: 1px;
  height: 24px;
  background-color: var(--hwc-color-gray-light);
}
.hwc-BlockSteps-item-content .description {
  margin-top: 0.75rem;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .hwc-BlockSteps-container {
    flex-direction: column;
    gap: 2rem;
  }
  .hwc-BlockSteps-heading {
    flex: 0 0 auto;
  }
  .hwc-BlockSteps-heading::before,
  .hwc-BlockSteps-heading::after {
    display: none;
  }
}

/*# sourceMappingURL=hwc-steps.css.map */