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

section.icon-boxes {
  .icon-box {
    text-align: center;
    padding: 1.2rem 20%;
    border-right: 1px solid $gray200;
    &:last-child {
      border-right: none;
    }
    h2 {
      color: $col-text;
      font-size: $fs-h3;
      margin-bottom: 1rem;
      @include bp("sm") {
        font-size: $fs-h4;
      }
    }
    p {
      color: $col-text;
    }
    &.highlight {
      background-color: $col-sec;
      p,
      h2 {
        color: $white;
      }
    }
  }
}

section.icon-boxes .icon-box {
  padding: 1.2rem 12%;
}
section.icon-boxes .icon-box h2 {
  color: #22625e;
}
