.card{font-family:Poppins,sans-serif;width:100%;min-height:289px;border-radius:8px;background-color:#24242426;padding:16px 32px;display:flex;flex-direction:column;box-shadow:0 4px 10px #0000001a;position:relative;box-sizing:border-box;overflow:hidden;cursor:pointer}.cls-1{fill:#fff}.title{font-size:32px;font-weight:600;color:#fff;margin-bottom:12px}@media (min-width: 768px){.title{font-size:36px}}.label{font-size:16px;color:#6b8e9e;opacity:1;line-height:1.5;font-weight:300}@media (min-width: 768px){.label{font-size:18px}}.ico{position:static;display:flex;align-items:center;gap:16px;opacity:1;margin-bottom:12px}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background-image:linear-gradient(to bottom,var(--line-start, #3AAFB9),var(--line-end, #5cc9ff));border-radius:8px 0 0 8px;transition:width .3s ease}.card:hover:before{width:10px}.title,.label{transition:transform .3s ease}.card:hover .title,.card:hover .label{transform:translate(20px)}.gradient{position:absolute;top:-200px;left:-200px;width:600px;height:600px;background:#fff;border-radius:50%;filter:blur(200px);opacity:0;pointer-events:none;transition:opacity .3s ease}.card:hover .gradient{opacity:.04}