/* Home Block Five */
.home-block-five { padding:28px 0 47px; }
.home-block-five .container { max-width:1322px; margin:0 auto; }

.hb5__head { display:flex; align-items:baseline; justify-content:flex-start; gap:32px; margin-bottom:68px; }
.hb5__title { margin:0; font-weight:400; font-size:28px; line-height:1.2; color:#000; }
.hb5__all { display:inline-flex; align-items:center; gap:4px; color:#1E5FD7; text-decoration:none; font-size:16px; line-height:31px; }
.hb5__all img { width:18px; height:18px; }

.hb5__grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:45px 120px; } 
.hb5-card { display:grid; grid-template-columns: 88px 1fr; gap:14px; align-items:start; }
.hb5-card__imgwrap { display:block; width:88px; height:88px; border-radius:8px; overflow:hidden; background:#fff; }
.hb5-card__img { width:100%; height:100%; object-fit:contain; object-position: left top; display:block; }
.hb5-card__body { min-width:0; }
.hb5-card__title { display:block; color:#000; text-decoration:none; font-size:16px; line-height:1.3; font-weight:600; margin:0 0 8px; }
.hb5-card__subs { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:5px; }
.hb5-card__subs li { list-style:none; color:#000; font-size:14px; line-height:28px; font-weight:300; }
.hb5-card__subs li::marker { content: '' }
.hb5-card__subs li::before { content: none !important; }
.hb5-card__subs li a { color:#000000; text-decoration:none; }
.hb5-card__subs li a:hover { color:#818181; }
.hb5-card__more a { color:#818181 !important; font-weight:500; }
.hb5__all_mobile {
  display: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: max-content;
  margin: 40px auto 0; /* центр */
}


@media (max-width: 720px) {
  .hb5__grid { grid-template-columns: 1fr; }

  /* show only first 3 cards on mobile */
  .hb5-card { display: none; }
  .hb5-card:nth-child(-n+3) { display: grid; }
}


@media (max-width: 760px) {
  
  .hb5__all_desktop {
    display: none;
  }

  .hb5__head {
    margin-bottom: 34px;
  }

  .hb5__all_mobile {
    display: flex;
  }
}


@media (max-width: 1100px) {
  .hb5__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .hb5__grid { grid-template-columns: 1fr; }
}

@media (min-width: 319px) and (max-width: 424px) {
  .hb5__title {
    font-size: 18px;
    font-weight: 600;
  }
  .hb5-card__title {
    font-weight: 400;
  }

  .home-block-five {
    padding: 28px 0 28px;
  }
}