/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./assets/css/pages/benefits.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * black: #000
 * white: #fff
 * blue: #0c4694
 * blue-dark: #0c4188
 * blue-light: #7da5db
 * blue-lighter: #c1d7f1
 * blue-lightest: #ecf4ff
 * red-error: #ff0000
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--text - Big text
 * .type--text-strong - Big text - Stronger
 * .type--text-sm - Small text
 * .type--text-sm-strong - Small text - Stronger
 *
 * Style guide: typography
 */
.benefits__heading .title {
  max-width: max(300px, 26.0416666667vw);
  margin-bottom: max(16px, 0.8333333333vw);
}
.benefits__heading .description {
  margin-bottom: max(32px, 1.6666666667vw);
}
.benefits__content {
  margin-bottom: max(32px, 1.6666666667vw);
}
.benefits__content .benefits-list__item {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: max(16px, 0.8333333333vw);
  background-color: #fff;
  border-radius: max(12px, 0.625vw);
  overflow: hidden;
}
.benefits__content .benefits-list__item .details {
  padding: max(24px, 3.203125vw) max(24px, 1.6666666667vw);
  order: 2;
}
.benefits__content .benefits-list__item .details .title {
  margin-bottom: max(24px, 1.25vw);
}
.benefits__content .benefits-list__item .image {
  max-height: 129px;
}
.benefits__content .benefits-list__item .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .benefits__content .benefits-list__item {
    grid-template-columns: 57% 43%;
  }
  .benefits__content .benefits-list__item .details {
    order: unset;
  }
  .benefits__content .benefits-list__item .image {
    max-height: unset;
  }
}

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