/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
[id^="section-benefits-"] .container > h2 {
  margin-top: 0; }

[id^="section-benefits-"] .container.has-isu {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2em; }
  @media (min-width: 981px) {
    [id^="section-benefits-"] .container.has-isu {
      gap: 4em;
      grid-template-columns: 130px 1fr; } }
  @media (max-width: 980px) {
    [id^="section-benefits-"] .container.has-isu .iso {
      order: 2;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 2em; } }
  @media (min-width: 981px) {
    [id^="section-benefits-"] .container.has-isu .iso img {
      margin-bottom: 1em; }
      [id^="section-benefits-"] .container.has-isu .iso img:last-child {
        margin-bottom: 0; } }

[id^="section-benefits-"] ul.benefits {
  list-style: none;
  padding: 0; }
  [id^="section-benefits-"] ul.benefits li {
    position: relative;
    padding-left: 1.5em;
    margin-bottom: .5em; }
    [id^="section-benefits-"] ul.benefits li:before {
      display: none !important; }
    [id^="section-benefits-"] ul.benefits li span {
      position: absolute;
      color: #00B6E8;
      left: 0;
      top: 2px; }

/*# sourceMappingURL=benefits-iso.css.map */