.benefits{ margin: 40px 0}
.benefits .__line-blocks{  }
.benefits .__line-block-wrap{ margin-bottom: 15px; border-radius: 10px}
.benefits .__line-block-item{ background-repeat:no-repeat; background-position: left center; background-size: auto 50px; padding-left: 70px;     min-height: 50px;
    margin-bottom: 20px; display: flex; align-items: center }
.benefits .__line-block-item h3{ font-size: 14px; font-weight: 600; margin: 0}

.benefits{ margin:30px 0}


@media only screen and (min-width: 768px) {

    .benefits .__line-blocks{ margin: 0 -20px  }
    .benefits .__line-block-item{background-position: 0 0; background-size: auto 60px; padding-left: 0px; padding-top: 70px; align-items: flex-start}
    .benefits .__line-block-wrap{ margin: 0 20px; width: calc(33.33% - 40px); margin-bottom: 40px}
    .benefits .__line-block-item h3{ max-width: 280px;}

    .company .company-digits { max-width: none; justify-content: space-between}
    .company .company-digits .digit-item{ flex-basis: calc(25% - 10px);}
    .company .company-digits .digit-val{ font-size: 24px;}
}

@media only screen and (min-width: 1024px) {
    .benefits .__line-block-wrap{  width: calc(25% - 40px); margin-bottom: 40px}
    .benefits .__line-block-item{padding-top: 80px;}
    .benefits .__line-block-item h3{ font-size: 16px}

    .company-digits .digit-item { padding-left: 15px}
    .company .company-digits .digit-val{ font-size:28px;}


    .company-items{ display: flex; margin: 0 -15px;}
    .company-item{  flex-basis: calc(33.33% - 30px); padding: 15px}
    .section-subtitle{ margin-bottom: 30px;}

}

@media only screen and (min-width: 1280px) {

    .company-items{ display: flex; margin: 0 -20px;}
    .company-item{  flex-basis: calc(33.33% - 40px); padding: 20px}

    .company-digits .digit-item { padding-left: 20px}
    .company .company-digits .digit-val{ font-size:32px;}
}