#solutions > .pm-container > .services-grid > .card{position:relative;transition:translate 350ms ease-out,box-shadow 350ms ease-out,border-color 350ms ease-out}
#solutions > .pm-container > .services-grid > .card::after{content:"";position:absolute;pointer-events:none;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,#4386ff,#2260ed,transparent);opacity:0;transition:opacity 350ms ease-out}
#solutions > .pm-container > .services-grid .pm-service-symbol{transition:transform 400ms ease,background 400ms ease;transform-origin:50% 50%}
#solutions > .pm-container > .services-grid .pm-service-image{display:block;width:100%;height:100%;object-fit:contain}
#solutions > .pm-container > .services-grid .pm-service-arrow{display:inline-block;transition:transform 350ms ease-out}
@media(hover:hover) and (pointer:fine){
 #solutions > .pm-container > .services-grid > .card:hover{translate:0 -8px;border-color:#a9c9ff;box-shadow:0 16px 38px rgba(39,102,224,.14),0 0 0 1px rgba(79,144,255,.12)}
 #solutions > .pm-container > .services-grid > .card:hover::after{opacity:1}
 #solutions > .pm-container > .services-grid > .card:hover .pm-service-symbol{transform:translateY(-3px) rotate(-4deg) scale(1.08)}
 #solutions > .pm-container > .services-grid > .card:hover .pm-service-arrow{transform:translateX(7px)}
}
@media(hover:none),(pointer:coarse){
 #solutions > .pm-container > .services-grid > .card.pm-service-scroll-accent{border-color:#a9c9ff;box-shadow:0 16px 38px rgba(39,102,224,.14),0 0 0 1px rgba(79,144,255,.12)}
 #solutions > .pm-container > .services-grid > .card.pm-service-scroll-accent::after{opacity:1}
 #solutions > .pm-container > .services-grid > .card.pm-service-scroll-accent .pm-service-symbol{transform:translateY(-3px) rotate(-4deg) scale(1.08)}
}
@media(prefers-reduced-motion:reduce){
 #solutions > .pm-container > .services-grid > .card,
 #solutions > .pm-container > .services-grid > .card::after,
 #solutions > .pm-container > .services-grid .card__icon-img,
 #solutions > .pm-container > .services-grid .pm-service-arrow{transition:none}
 #solutions > .pm-container > .services-grid > .card:hover{translate:none}
 #solutions > .pm-container > .services-grid > .card:hover .card__icon-img,
 #solutions > .pm-container > .services-grid > .card:hover .pm-service-arrow{transform:none}
}