/* src/css/components/blocks/_Numbers.scss */
.hwc-BlockNumbers-container {
  background-color: var(--hwc-color-primary);
  padding: 88px 81px 100px;
  border-radius: 40px;
}
.hwc-BlockNumbers-heading .heading {
  margin-bottom: 0.75rem;
}
.hwc-BlockNumbers-heading .heading,
.hwc-BlockNumbers-heading .description {
  max-width: 418px;
}
.hwc-BlockNumbers-heading {
  flex: 0 1 418px;
}
.hwc-BlockNumbers-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex: 0 1 492px;
  gap: 64px;
}
.hwc-BlockNumbers-item {
  position: relative;
  text-align: center;
}
.hwc-BlockNumbers-item .number {
  margin-bottom: 0.75rem;
}
.hwc-BlockNumbers-item:nth-child(3)::before {
  content: "";
  background-image: url(../../img/decoration-1-white.svg);
  width: 24px;
  height: 31px;
  position: absolute;
  bottom: 100%;
  right: calc(100% + 14px);
}
.hwc-BlockNumbers-item:nth-child(3)::after {
  content: "";
  background-image: url(../../img/decoration-2-white.svg);
  width: 45px;
  height: 34px;
  position: absolute;
  bottom: 100%;
  left: calc(100% + 14px);
  transform: rotate(20deg);
}
.hwc-BlockNumbers-picture {
  max-width: 145px;
}
.hwc-BlockNumbers-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hwc-BlockNumbers {
}
@media screen and (max-width: 768px) {
  .hwc-BlockNumbers-container {
    padding: 3rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .hwc-BlockNumbers-heading {
    text-align: center;
    flex-basis: auto;
  }
  .hwc-BlockNumbers-heading .heading,
  .hwc-BlockNumbers-heading .description {
    margin-left: auto;
    margin-right: auto;
  }
  .hwc-BlockNumbers-items {
    flex-basis: auto;
  }
  .hwc-BlockNumbers-item:nth-child(3)::before,
  .hwc-BlockNumbers-item:nth-child(3)::after {
    display: none;
  }
  .hwc-BlockNumbers-item:nth-child(2)::before {
    content: "";
    background-image: url(../../img/decoration-1-white.svg);
    width: 24px;
    height: 31px;
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
  }
  .hwc-BlockNumbers-item:nth-child(2)::after {
    content: "";
    background-image: url(../../img/decoration-2-white.svg);
    width: 45px;
    height: 34px;
    position: absolute;
    top: 125%;
    left: 50%;
    transform: translateX(-50%) rotate(20deg);
  }
}
.hwc-BlockNumbers {
}
@media screen and (max-width: 440px) {
  .hwc-BlockNumbers-items {
    gap: 4rem;
  }
  .hwc-BlockNumbers-item {
    width: 100%;
  }
}

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