/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-benefit-icons/block-benefit-icons.scss ***!
  \*************************************************************************************************************************************************************************************************************************************/
.blockBenefits {
  color: #333;
  text-align: center;
  padding: 82px; }
  .blockBenefits .white-color {
    color: #fff !important; }
  @media screen and (min-width: 1921px) {
    .blockBenefits {
      padding: 4.27vw 0; } }
  @media screen and (max-width: 640px) {
    .blockBenefits {
      padding: 35px; } }
  .blockBenefits__title {
    margin-bottom: 1em; }
  .blockBenefits__wrapper {
    max-width: 1225px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 3rem 1.5rem; }
    @media screen and (min-width: 769px) {
      .blockBenefits__wrapper {
        justify-content: space-between; } }
    @media screen and (min-width: 1921px) {
      .blockBenefits__wrapper {
        max-width: 63.8vw; } }
  .blockBenefits__icon {
    margin: 0 auto;
    min-width: min-content;
    width: 100%;
    max-width: 3.85vw;
    height: auto; }
  .blockBenefits__text {
    margin-top: 3em; }
    @media screen and (max-width: 640px) {
      .blockBenefits__text {
        margin-top: 1.5em; } }