.module-benefits {
  --color-border: var(--_color-border, 188, 188, 188);

  --grid: var(--_grid);
  --grid_: var(--_grid_);

  padding-left: 0.12rem;
  padding-right: 0.12rem;
}

.module-benefits .benefits {
  display: flex;
  flex-flow: row;
  gap: 0.12rem;
}

.module-benefits .benefit-item {
  background: rgba( var(--color-border), 0.5 );
  display: flex;
  flex: 1 50%;
  flex-flow: row-reverse nowrap;
  font-feature-settings: "pnum" on, "lnum" on;
  font-size: 0.32rem;
  font-weight: 300;
  line-height: var(--grid);
  text-align: right;
  padding: var(--grid) var(--grid) 0 0;
}

.module-benefits .benefit-item:nth-child(even) {
  flex-flow: column nowrap;
  padding: var(--grid) 0 0 var(--grid);
  text-align: left;
}

.module-benefits .benefit-item:nth-child(2) .benefit-img {
  margin: auto 0 0 auto;
}

@media (max-width: 75em) {
  .module-benefits .benefit-item .benefit-img {
    max-width: 70%;
  }
}

@media (max-width: 62em) {
  .module-benefits {
    gap: var(--grid);
    padding-left: 0;
    padding-right: 0;
  }

  .module-benefits .benefits {
    flex-flow: column;
  }

  .module-benefits .benefit-item {
    align-items: center;
    flex: 1 100%;
    flex-flow: column nowrap;
    padding: var(--grid);
  }

  .module-benefits .benefit-item .benefit-img {
    margin: var(--grid ) auto var(--grid_);
    max-width: 100%;
  }

  .module-benefits .benefit-item:nth-child(2n) {
    padding: var(--grid);
  }

  .module-benefits .benefit-item:nth-child(2) .benefit-img {
    margin: var(--grid ) var(--grid_) var(--grid_) auto;
  }
}