/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./blocks/health-topics/block.scss ***!
  \********************************************************************************************************************************************************************/
/* Font */
/* Colors */
.health-topics-block ul.items {
  display: flex;
  gap: 30px 24px;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .health-topics-block ul.items {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .health-topics-block ul.items li.item {
    width: 100%;
  }
}
.health-topics-block ul.items li.item a {
  padding: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 10px;
  border: 2px solid #26305E;
  transition: 0.3s ease-in-out;
}
@media (max-width: 767px) {
  .health-topics-block ul.items li.item a {
    width: 100%;
    justify-content: center;
  }
}
.health-topics-block ul.items li.item a:hover {
  background-color: #26305E;
}
.health-topics-block ul.items li.item a:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(20deg) brightness(106%) contrast(102%);
}
.health-topics-block ul.items li.item a:hover h3 {
  color: white;
}
.health-topics-block ul.items li.item a .icon {
  width: 60px;
  height: 60px;
}
.health-topics-block ul.items li.item a .topic {
  margin: 0;
}

/*# sourceMappingURL=block.3fef72d4b827752fcba6.css.map*/