.service-card{width:100%;height:4rem;@media (min-width:768px){height:5rem}cursor:pointer;background-color:var(--primary40);border-radius:2.5rem;display:flex;align-items:center;justify-content:start;padding:0;transition:all .3s;margin:auto auto 10px}.card-icon{position:relative;width:4rem;@media (min-width:768px){width:5rem}height:100%;flex-shrink:0}.card-layer{background:white;transform:scale(1.25);z-index:0}.card-bg,.card-layer{position:absolute;inset:0;border-radius:100%}.card-bg{background:var(--background);z-index:10;transition:all .5s ease}.group:hover .card-bg{background:var(--primary)}.card-icon-1,.card-icon-2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;transition:all .5s ease}.card-icon-1{width:1.5rem;height:1.5rem;color:var(--primary)}.card-icon-2{width:2rem;height:2rem;color:var(--secondary);transform:translate(-50%,-50%) scale(4);opacity:0}.group:hover .card-icon-1{transform:translate(-50%,-50%) scale(.5);opacity:0}.group:hover .card-icon-2{transform:translate(-50%,-50%) scale(1.25);opacity:1}.card-caption{position:relative;height:100%;flex:1;overflow:hidden;padding:0}.card-title{position:absolute;inset:0;font-size:.75rem;@media (min-width:640px){font-size:14px}@media (min-width:1024px){font-size:16px}font-weight:600;display:flex;align-items:center;justify-content:left;padding:0 20px;@media (min-width:768px){padding-left:40px;padding-bottom:0;padding-right:40px;padding-top:0}transition:all .5s;margin:0}.group:hover .card-title{transform:translateX(100%)}.card-description{position:absolute;inset:0;display:flex;align-items:center;justify-content:left;transform:translateX(-100%);margin:0;transition:all .5s;padding:0 20px 0 15px}.group:hover .card-description{transform:translateX(0)}