/* Start:/local/components/theme/theme.elements/templates/catalog-service/style.css?17615576022059*/
.catalog-service-block__wrap {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(15px, calc(1.6759776536vw + -2.1787709497px), 30px);
}

.catalog-service-block .service-item {
  flex: 1;
  min-width: calc((100% / var(--count-row)) - clamp(15px, calc(1.6759776536vw + -2.1787709497px), 30px));
  border-radius: 10px;
  padding: clamp(15px, calc(1.6759776536vw + -2.1787709497px), 30px);
  background: var(--background-thirdly);
  display: flex;
  align-items: center;
  gap: clamp(10px, calc(1.1173184358vw + -1.4525139665px), 20px);
  transition: var(--transition);
  min-height: clamp(100px, calc(3.125vw + 90px), 150px);
}

.catalog-service-block .service-item__icon {
  width: clamp(50px, calc(0.9375vw + 47px), 65px);
  height: clamp(50px, calc(0.9375vw + 47px), 65px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--head-secondary);
  border-radius: 5px;
  flex-shrink: 0;
}

.catalog-service-block .service-item__icon img {
  width: clamp(25px, calc(0.5625vw + 23.2px), 34px);
  height: clamp(25px, calc(0.5625vw + 23.2px), 34px);
  -o-object-fit: contain;
  object-fit: contain;
}

.catalog-service-block .service-item__name {
  transition: var(--transition);
}

@media (min-width: 992px) {
  .catalog-service-block .service-item:hover {
    background: var(--primary);
  }

  .catalog-service-block .service-item:hover .service-item__name {
    color: var(--head-secondary);
  }
}

@media (max-width: 1240px) {
  .catalog-service-block .service-item {
    min-width: calc((100% / (var(--count-row) - 1)) - clamp(15px, calc(1.6759776536vw + -2.1787709497px), 30px));
  }
}

@media (max-width: 769px) {
  .catalog-service-block .service-item {
    min-width: calc(50% - clamp(15px, calc(1.6759776536vw + -2.1787709497px), 30px));
  }

  .catalog-service-block .service-item {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* @media (max-width: 498px) {
  
} */

@media (max-width: 375px) {
  .catalog-service-block .service-item {
    min-width: 100%;
  }
}

/*# sourceMappingURL=style.css.map */
/* End */
/* /local/components/theme/theme.elements/templates/catalog-service/style.css?17615576022059 */