.service-list { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); margin-top:60px; border-top:1px solid #3b3e43; border-left:1px solid #3b3e43; }
.service-list article { position:relative; grid-column:span 2; display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto 1fr auto; gap:0; align-items:start; min-height:330px; padding:28px; border-right:1px solid #3b3e43; border-bottom:1px solid #3b3e43; transition:background .2s; }
.service-list article:nth-last-child(-n+2) { grid-column:span 3; }
.service-list article:hover { background:#191c20; }
.service-list .service-info { display:contents; }
.service-list .service-no { grid-row:1; color:var(--lime); font-size:11px; letter-spacing:.08em; margin-bottom:26px; }
.service-list h3 { grid-row:2; min-height:56px; font-size:24px; line-height:1.2; letter-spacing:-.03em; margin:0 0 14px; word-break:keep-all; overflow-wrap:anywhere; }
.service-list .tags { grid-row:3; flex-wrap:wrap; margin-bottom:18px; }
.service-list article>p { grid-column:1; grid-row:4; margin:0 0 24px; color:#a4a9b1; line-height:1.8; font-size:14px; }
.service-list .service-demo-actions { grid-row:5; align-self:end; margin-top:0; }
.service-list .arrow { position:absolute; top:24px; right:25px; font-size:22px; }
@media(min-width:601px) and (max-width:1100px) { .service-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.service-list article,.service-list article:nth-last-child(-n+2) { grid-column:auto; } }
@media(max-width:600px) { .service-list { grid-template-columns:minmax(0,1fr); margin-top:42px; }.service-list article,.service-list article:nth-last-child(-n+2) { grid-column:auto; grid-template-columns:minmax(0,1fr); min-height:0; padding:25px; }.service-list .service-no { margin-bottom:22px; }.service-list h3 { min-height:0; font-size:23px; }.service-list article>p,.service-list article.has-demo>p { grid-column:1; grid-row:4; margin:0 0 22px; }.service-list .arrow { grid-column:auto; grid-row:auto; } }