.hero {
  display: flex;
  height: 100dvh;
  width: 100%;
  align-items: flex-end;
  padding-top: calc(var(--header-height) + var(--header-top) + 1.25rem);

  background: url("../../images/products/distribution-bn-s.jpg") no-repeat
    center / cover
}

  @media (min-width: 1024px) {.hero {
    background: url("../../images/products/distribution-bn-l.jpg") no-repeat
      center / cover
}
  }

  .hero .specs-container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

  @media (min-width: 1200px) {

  .hero .specs-container {
    flex-direction: row;
    gap: 4.5rem
  }
}

  .hero .spec-box .spec-title {
  margin-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(61 61 61 / var(--tw-text-opacity, 1))
}

  @media (min-width: 1200px) {

  .hero .spec-box .spec-title {
    margin-bottom: 1.25rem
  }
}

  .hero .spec-box .spec-value {
  --tw-text-opacity: 1;
  color: rgb(88 89 91 / var(--tw-text-opacity, 1))
}

@media (min-width: 1200px) {

  .environment-container {
    display: flex;
    justify-content: center;
    gap: 2.25rem
  }
}

.envi-item {
  display: flex;
  align-items: center;
  gap: 1.25rem
}

@media (min-width: 1200px) {

  .envi-item {
    flex-direction: column
  }
}

.envi-text {
  display: flex;
  flex-direction: column;
  align-items: center
}

/*# sourceMappingURL=products-distribution.css.map */