.hc-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width: 768px) {
  .hc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width: 1200px) {
  .hc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.hc-card{display:flex;background:#fff;border:1px solid #E2F2FF;border-radius:28px;color:inherit;text-decoration:none;transition:background 220ms cubic-bezier(.2,.6,.2,1),border-color 220ms cubic-bezier(.2,.6,.2,1),box-shadow 220ms cubic-bezier(.2,.6,.2,1);width:100%}
.hc-card_wrapper{padding:20px;display:flex;gap:20px;align-items:flex-start;width:100%}
.hc-card__icon{width:71px;height:71px;flex:0 0 71px;background:#eef6ff;border-radius:var(--Border-Radius-inner-surface,16px);border:1px solid var(--Color-Shades-Blue-100,#E2F2FF);background:linear-gradient(237deg,var(--Color-Background-200,rgba(248,235,215,0.50)) -52.38%,var(--Color-Background-100,rgba(242,249,255,0.50)) 46.81%,var(--Color-Background-50,rgba(218,245,233,0.50)) 144.11%);display:grid;place-items:center;transition:background 220ms cubic-bezier(.2,.6,.2,1)}
.hc-card__cross{width:40px;height:40px;color:#1560ff;stroke:currentColor;fill:transparent;transition:color 220ms cubic-bezier(.2,.6,.2,1),fill 220ms cubic-bezier(.2,.6,.2,1)}
.hc-card__body{flex:1 1 auto}
.hc-card__pill{display:inline-block;text-transform:uppercase;font-weight:600;font-size:10px;line-height:1.6;color:#02182E;background:#d9ebff;padding:8px 14px;border-radius:16px}
h3.hc-card__title{margin:.7rem 0 .6rem;font-weight:700;font-size:20px;line-height:1.15;color:var(--Color-Master-Second,#02182E)}
.hc-card__text{margin:0 0 12px!important;max-width:54ch;font-weight:400;font-size:16px;line-height:1.6;color:#55657a}
.hc-card__cta{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:16px;line-height:1.2;transition:color 220ms cubic-bezier(.2,.6,.2,1);color:var(--Color-Master-Prime,#085DD4)}
.hc-card__arrow{width:26px;height:26px;stroke:currentColor;fill:none;transition:transform 220ms cubic-bezier(.2,.6,.2,1)}
.hc-card:hover{border-radius:var(--Border-Radius-outer-surface,24px);border:1px solid var(--Color-Shades-Blue-100,#E2F2FF);background:var(--Color-Shades-Blue-50,#F2F9FF);box-shadow:0 12px 20px 0 rgba(51,51,51,0.12),0 4px 8px 0 rgba(51,51,51,0.04)}
.hc-card:hover .hc-card__icon{background:#085DD4}
.hc-card:hover .hc-card__icon svg path{fill:#ffffff}
.hc-card:hover .hc-card__arrow{transform:translateX(4px)}
@media (max-width:640px) {
  .hc-card_wrapper{padding:20px;gap:18px}
  .hc-card{border-radius:22px}
  .hc-card__icon{width:72px;height:72px;border-radius:18px}
  .hc-card__cross{width:32px;height:32px}
  .hc-card__title{font-size:16px}
  .hc-card__text{font-size:14px}
  .hc-card__cta{font-size:14px}
}