/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/service.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.service-container {
  position: relative;
}
.service-container .service-item-container .service-label-column .service-label-container {
  transition: all 0.2s;
}
.service-container .service-item-container .service-label-column .service-label-container:hover {
  padding-right: 0 !important;
}
@media (min-width: 782px) {
  .service-container .service-item-container .service-image-container .service-image {
    position: absolute;
    top: 0;
    right: 0;
    left: calc(50% + var(--wp--preset--spacing--5) / 2);
    height: 100%;
    transition: all 0.2s;
    opacity: 0;
    scale: 0.9;
  }
  .service-container .service-item-container .service-image-container .service-image img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .service-container .service-item-container .service-image-container .service-image.active {
    opacity: 1;
    scale: 1;
  }
}
@media (max-width: 781px) {
  .service-container .service-item-container .service-image-container {
    display: none;
  }
}
.service-container:not(:has(.active)):first-child .service-image {
  opacity: 1;
  scale: 1;
}

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