/* Compact, more visual expertise cards */
.mk-solutions{border:0;gap:15px;align-items:stretch}
.mk-solution{min-height:315px;padding:26px 25px 24px;border:1px solid var(--line)!important;border-radius:8px;overflow:hidden;box-shadow:0 8px 25px rgba(7,25,46,.045)}
.mk-solution:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--orange),var(--orange-2));transform:scaleX(.25);transform-origin:left;transition:transform .28s}
.mk-solution:hover:before{transform:scaleX(1)}
.mk-solution__number{right:19px;top:17px;font-weight:800;letter-spacing:1px}
.mk-solution__icon{width:58px;height:58px;margin:17px 0 34px;border-radius:16px;display:grid;place-items:center;background:#fff5e9;border:1px solid #ffd9ad;color:var(--orange);font-size:29px;line-height:1;box-shadow:0 8px 20px #ef7d0012;transition:.28s}
.mk-solution:hover .mk-solution__icon{background:var(--orange);border-color:var(--orange);color:#fff;transform:rotate(-4deg) scale(1.05);box-shadow:0 10px 25px #ef7d0035}
.mk-solution h3{font-size:17px;margin-bottom:10px}
.mk-solution p{min-height:52px;margin:0;font-size:11.5px;line-height:1.65}
.mk-solution a{margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}
.mk-solution:hover a{border-color:#ffffff18}
.mk-solution:nth-child(1){background:linear-gradient(145deg,#fff 55%,#fff8f0)}
.mk-solution:nth-child(2){background:linear-gradient(145deg,#fff 55%,#f5f8fa)}
.mk-solution:nth-child(3){background:linear-gradient(145deg,#fff 55%,#fff8f0)}
.mk-solution:nth-child(4){background:linear-gradient(145deg,#fff 55%,#f5f8fa)}
.mk-solution:hover{background:var(--navy);border-color:var(--navy)!important}

@media(max-width:980px){
  .mk-solutions{gap:12px}
  .mk-solution{min-height:295px}
}

@media(max-width:680px){
  .mk-solutions{gap:11px;border:0}
  .mk-solution{min-height:0;padding:21px 20px;display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:16px;align-items:start;border:1px solid var(--line)!important}
  .mk-solution__number{right:16px;top:14px;font-size:9px}
  .mk-solution__icon{grid-column:1;grid-row:1/4;width:54px;height:54px;margin:0;border-radius:15px;font-size:27px}
  .mk-solution h3{grid-column:2;margin:2px 34px 7px 0;font-size:15px;line-height:1.35}
  .mk-solution p{grid-column:2;min-height:0;margin:0;font-size:11px;line-height:1.55}
  .mk-solution a{grid-column:2;margin-top:13px;padding-top:12px;font-size:10px}
  .mk-solution:hover{transform:none}
}
