/* James Woolford Design — service capability icons v41 */
.service-detail-page .service-capabilities__grid article > .jw-capability-icon{
  position:relative;
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  height:54px!important;
  color:#a9b9ff!important;
  border:1px solid rgba(128,154,255,.42)!important;
  background:linear-gradient(145deg,rgba(36,88,255,.22),rgba(36,88,255,.08))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 rgba(36,88,255,0)!important;
  overflow:visible!important;
  transition:transform .35s cubic-bezier(.2,.8,.2,1),color .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease!important;
}

.service-detail-page .service-capabilities__grid article > .jw-capability-icon::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(36,88,255,.24),transparent 68%);
  opacity:0;
  transform:scale(.72);
  filter:blur(7px);
  pointer-events:none;
  transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1);
}

.service-detail-page .jw-capability-icon svg{
  position:relative;
  z-index:1;
  width:25px;
  height:25px;
  overflow:visible;
  transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .35s ease;
}

@media(hover:hover){
  .service-detail-page .service-capabilities__grid article:hover > .jw-capability-icon{
    color:#fff!important;
    border-color:rgba(121,151,255,.82)!important;
    background:linear-gradient(145deg,rgba(36,88,255,.62),rgba(36,88,255,.22))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 32px rgba(36,88,255,.28)!important;
    transform:translateY(-3px) rotate(-2deg)!important;
  }

  .service-detail-page .service-capabilities__grid article:hover > .jw-capability-icon::before{
    opacity:1;
    transform:scale(1);
  }

  .service-detail-page .service-capabilities__grid article:hover > .jw-capability-icon svg{
    transform:scale(1.1) rotate(2deg);
    filter:drop-shadow(0 0 8px rgba(136,162,255,.6));
  }
}

@media(max-width:760px){
  .service-detail-page .service-capabilities__grid article > .jw-capability-icon{
    width:50px!important;
    height:50px!important;
  }

  .service-detail-page .jw-capability-icon svg{
    width:23px;
    height:23px;
  }
}

@media(prefers-reduced-motion:reduce){
  .service-detail-page .jw-capability-icon,
  .service-detail-page .jw-capability-icon::before,
  .service-detail-page .jw-capability-icon svg{
    transition:none!important;
  }
}