.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:center top; background-size: auto 60px; padding-top: 60px; text-align: center }
.benefits .__line-block-item h3{ font-size: 15px; margin: 10px 0  }
.benefits .__line-block-item span{ font-size: 13px; color: var(--color2); font-weight: 400}

/***/
.benefits .embla__container{ }
.benefits .embla__slide{ flex-basis: 50%; padding: 0 15px; box-sizing: border-box}


/**/
.company{ max-width: 700px; margin: auto}
.company-content{ padding: 15px}
.double-block.company-block .double-block-image{ position: relative;}
.double-block.company-block .double-block-image img{ height: 250px;}

/**/
.services-block{ margin: 30px 0}
.services-block .embla__viewport{ padding-left:15px; box-sizing: border-box}
.services-block .__line-block-wrap{ margin-right: 15px; flex-basis: calc(100% - 80px)}
.services-block .__line-block-item{ background: var(--color4); padding: 15px; box-sizing: border-box;     display: flex; flex-direction: column; height: 100%; justify-content: center;}
.services-block h3{padding-bottom: 15px; margin: 0; margin-bottom: 15px; position: relative;}
.services-block h3:after{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 30%; height: 3px; background: var(--color3);  }

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

    .benefits .embla__slide{ flex-basis: 33.33%;}

    .double-block.company-block .double-block-image img{ height: 350px;}

}

@media only screen and (min-width: 768px) {
    .benefits .embla__slide{ flex-basis: 20%;}
    .company-content{ padding: 20px}
    .services-block .__line-block-wrap{ flex-basis: calc(50% - 80px)}

}

@media only screen and (min-width: 1024px) {
    .benefits .embla__slide{ flex-basis: 20%;}

    .company{ max-width:none}
    .company-content{ padding: 25px}
    .company-first .double-block-content{ order: 2}
    .double-block.company-block .double-block-image img{ height: 400px;min-height: 100%;}
    .benefits .__line-block-item h3{ font-size: 16px}

 }

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

    .services-block .__line-block-wrap{ flex-basis: calc(25% - 20px); margin: 10px;}
    .services-block .embla__viewport{ padding: 0 20px}
    .services-block .embla__container{ flex-wrap: wrap; }
    .services-block .__line-block-item{ justify-content: flex-start;}
}