/* Stage20 Services fixes: modal isolation, category icons, create-order flow */
.services-stage20 .category-title,
.services-stage20 .services-filter .dropdown-item{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
.services-stage20 .category-title .cat-icon,
.services-stage20 .services-filter .dropdown-item > img,
.services-stage20 .services-filter .dropdown-item > i,
.services-stage20 .services-filter .dropdown-item > span[class*="fa"],
.services-stage20 .services-filter .dropdown-item .service-cat-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  max-height:24px!important;
  border-radius:7px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  object-fit:cover!important;
  overflow:hidden!important;
  color:var(--main-color)!important;
  background:var(--secondary-color)!important;
  border:1px solid var(--border-color)!important;
  line-height:1!important;
}
.services-stage20 .category-title .cat-icon img,
.services-stage20 .category-title .cat-icon svg,
.services-stage20 .category-title .cat-icon i,
.services-stage20 .category-title .cat-icon span[class*="fa"],
.services-stage20 .services-filter .dropdown-item img{
  width:22px!important;
  height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  object-fit:cover!important;
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
}
.services-stage20 .category-title .cat-icon i,
.services-stage20 .category-title .cat-icon span[class*="fa"],
.services-stage20 .services-filter .dropdown-item i,
.services-stage20 .services-filter .dropdown-item span[class*="fa"]{
  font-size:15px!important;
}
.services-stage20 .category-title .cat-icon:empty::before{
  content:"\f0ca";
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free";
  font-weight:900;
  font-size:14px;
}
.services-stage20 .service-view-btn,
.services-stage20 .service-create-order{
  cursor:pointer!important;
}
.modal.service-modal{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
.modal.service-modal.show{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
body.service-modal-open{
  overflow:hidden!important;
}
@media(max-width:767px){
  .services-stage20 .services-filter{
    align-items:stretch!important;
  }
  .services-stage20 .category-title .cat-icon,
  .services-stage20 .services-filter .dropdown-item > img,
  .services-stage20 .services-filter .dropdown-item > i,
  .services-stage20 .services-filter .dropdown-item > span[class*="fa"],
  .services-stage20 .services-filter .dropdown-item .service-cat-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    max-height:22px!important;
  }
}