/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/blocks/general/icons-multiple/main.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.icons-multiple {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 10px;
}
.icons-multiple__card {
  flex: 1;
}
.icons-multiple__card--tech {
  position: relative;
  max-width: calc(25% - 10px + 2.5px);
  width: 158px;
  height: 78px;
  flex-basis: 21%;
  transition: 0.4s filter;
  filter: grayscale(1);
}
.icons-multiple__card--tech.is-active .icons-multiple__title {
  display: block;
}
.icons-multiple__card--tech.is-active {
  filter: none;
}
.icons-multiple__card--client {
  max-width: calc(33% - 10px + 3.3333333333px);
  width: 206px;
  height: 64px;
  flex-basis: 26%;
}
.icons-multiple__title {
  position: absolute;
  display: none;
  top: -10px;
  left: 50%;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font: normal 18px/18px "Open Sans", sans-serif;
  background: #fff;
  border-radius: 5px;
  transform: translateX(-50%);
}
.icons-multiple__img, .block-editor__container .icons-multiple__img {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media only screen and (max-width: 991.98px) {
  .icons-multiple {
    -moz-column-gap: 7px;
         column-gap: 7px;
  }
  .icons-multiple.icons-multiple__card--tech {
    width: 108px;
    height: 54px;
    flex-basis: 21%;
  }
  .icons-multiple.icons-multiple__card--client {
    width: 141px;
    height: 44px;
    flex-basis: 26%;
  }
}
@media only screen and (max-width: 575.98px) {
  .icons-multiple {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .icons-multiple .icons-multiple__card--tech {
    width: 158px;
    height: 78px;
    flex-basis: 40%;
  }
  .icons-multiple .icons-multiple__card--client {
    width: 206px;
    height: 64px;
    flex-basis: 40%;
  }
  .icons-multiple .icons-multiple__card--tech, .icons-multiple .icons-multiple__card--client {
    max-width: calc(50% - 10px + 5px);
  }
}

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