.home-help {
  clear: both;
  padding: 70px 24px;
  background: #fff;
  text-align: center;
}
.home-help__inner { max-width: 1640px; margin: 0 auto; }
.home-help h2 { margin: 0 0 28px; font-size: 32px; font-weight: 700; }
.home-help__cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; text-align: left; }
.home-help__card {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  min-height: 390px;
  padding: 28px 22px;
  background-color: #1c4352;
  background-size: cover;
  background-position: center;
  color: #fff;
  text-decoration: none;
}
.home-help__card::before, .home-help__card::after { content: ""; position: absolute; inset: 0; z-index: -1; }
.home-help__card::before { background: linear-gradient(180deg, rgba(0,0,0,.05) 25%, rgba(0,0,0,.8) 100%); }
.home-help__card::after { background: #287399; opacity: 0; transition: opacity .3s ease; }
.home-help__content { width: 100%; overflow-wrap: anywhere; }
.home-help__card h3 { margin: 0; color: #fff; font-size: 21px; line-height: 1.3; font-weight: 700; }
.home-help__details { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .3s ease, opacity .3s ease; }
.home-help__details > div { overflow: hidden; }
.home-help__details p { margin: 16px 0 0; color: #fff; font-size: 15px; line-height: 1.65; white-space: normal; }
.home-help__card:hover, .home-help__card:focus { color: #fff; text-decoration: none; }
.home-help__card:hover::after, .home-help__card:focus::after { opacity: .96; }
.home-help__card:hover .home-help__details, .home-help__card:focus .home-help__details { grid-template-rows: 1fr; opacity: 1; }
.home-help__card:focus-visible { outline: 3px solid #1c4352; outline-offset: 3px; z-index: 1; }
.home-help__button { display: inline-block; margin-top: 30px; padding: 13px 26px; background: #1c4352; color: #fff; font-size: 13px; font-weight: 600; text-transform: uppercase; text-decoration: none; }
.home-help__button:hover, .home-help__button:focus { background: #287399; color: #fff; text-decoration: none; }
.home-help__button:focus-visible { outline: 3px solid #287399; outline-offset: 3px; }
@media (max-width: 1199px) {
  .home-help__cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-help__card { min-height: 340px; }
}
@media (max-width: 767px) {
  .home-help { padding: 45px 20px; }
  .home-help h2 { font-size: 28px; }
  .home-help__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .home-help__card { padding: 24px 20px; }
}
@media (max-width: 479px) { .home-help__cards { grid-template-columns: 1fr; } }
@media (hover: none), (pointer: coarse), (max-width: 767px) {
  .home-help__details { grid-template-rows: 1fr; opacity: 1; }
  .home-help__card::before { background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.85)); }
}
@media (prefers-reduced-motion: reduce) { .home-help__card::after, .home-help__details { transition: none; } }