.service_card{z-index:1;background-color:#fff;border:1px solid #33333345;flex-direction:column;justify-content:space-between;height:320px;margin-top:3px;padding:30px 15px;transition:all .6s;display:flex;position:relative;overflow:hidden;box-shadow:1px 1px 10px #58585819}.service_card:before{content:"";z-index:-1;opacity:0;background-image:linear-gradient(to bottom right,#122047,#13224a,#142652,#162a5a,#172e62,#183672,#183e82,#154792,#1050a3);width:100%;height:100%;transition:opacity .6s;position:absolute;top:0;left:0}.service_card h2{color:var(--neutral);transform:translateY(30%)}.service_card p{color:var(--neutral-content);margin-top:10px;transform:translateY(20%)}.service_card button{opacity:0;transform:translateY(100%)}.service_card:hover:before{opacity:1}.service_card h2,.service_card p,.service_card button{z-index:2;transition:all .6s;position:relative}.service_card:hover img{filter:invert()sepia(252%)saturate()hue-rotate()brightness(200%)contrast()}.service_card:hover h2{color:#fff;transform:translateY(0%)}.service_card:hover p{color:#ffffff9b;transform:translateY(0%)}.service_card:hover button{opacity:1;transform:translateY(0%)}.service_card img{width:50px;height:50px}.service_card.active:before{opacity:1}.service_card.active h2{color:#fff;transform:translateY(0%)}.service_card.active p{color:#ffffff9b;transform:translateY(0%)}.service_card.active button{opacity:1;transform:translateY(0%)}.service_card.active img{filter:invert()sepia(252%)saturate()hue-rotate()brightness(200%)contrast()}