@import "variables";
@import "mixins";

$stats-bg: $col-sec !default;
$stats-br: 1rem !default;
$stats-box-pd: $space-sm !default;
$stats-box-pd-mb: $space-xs !default;
$stats-box-col: $white !default;
$stats-box-h2-mg: 0 0 $space-xs !default;
$stats-box-h2-pd: 0 0 $space-xs !default;
$stats-box-h2-bb: 1px solid $white !default;

section.statistics {
  .statistics-wrap {
    background: $stats-bg;
    border-radius: $stats-br;
    @include bp("xl") {
      grid-template-columns: repeat(2, 1fr);
    }
    @include bp("lg") {
      grid-template-columns: repeat(2, 1fr);
    }
    @include bp("sm") {
      grid-template-columns: 1fr;
    }
    gap: 0;
    .statistic-box {
      color: $stats-box-col;
      max-width: 100%;
      min-width: 100%;
      padding: $stats-box-pd;
      @include bp("md") {
        padding: $stats-box-pd-mb;
      }
      h2 {
        margin: $stats-box-h2-mg;
        padding: $stats-box-h2-pd;
        border-bottom: $stats-box-h2-bb;
      }
    }
  }
}
