/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/block-client/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.block-client {
  display: flex;
}
.block-client .client-item {
  padding: 10px;
  border-bottom: 1px solid #EEEEEE;
}
.block-client .client-item:not(:nth-child(3n+1)) {
  border-left: 1px solid #EEEEEE;
}
.block-client .client-item img {
  margin: auto;
  width: 70px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  filter: grayscale(100%);
}
.block-client .client-item img:hover {
  filter: grayscale(0%);
}
@media (min-width: 1200px) {
  .block-client .client-item:not(:nth-child(3n+1)) {
    border-left: unset;
  }
  .block-client .client-item:not(:nth-child(4n+1)) {
    border-left: 1px solid #EEEEEE;
  }
  .block-client .client-item img {
    margin: auto;
    width: 120px;
    height: 120px;
  }
}

/*# sourceMappingURL=style-index.css.map*/